{"id":13873,"date":"2019-12-16T17:39:19","date_gmt":"2019-12-16T10:39:19","guid":{"rendered":"https:\/\/2020.asia.wordcamp.org\/?post_type=wcb_session&#038;p=13873"},"modified":"2020-02-05T23:51:34","modified_gmt":"2020-02-05T16:51:34","slug":"how-to-use-your-wordpress-as-a-headless-cms-with-vue-js","status":"publish","type":"wcb_session","link":"https:\/\/asia.wordcamp.org\/2020\/session\/how-to-use-your-wordpress-as-a-headless-cms-with-vue-js\/","title":{"rendered":"How to Use Your WordPress as A Headless CMS with Vue.js (TH)"},"content":{"rendered":"\n<p>When your WordPress project is getting bigger and you need to do more optimisation, some WordPress architecture will not serve your need. However, WordPress backend is very fantastic and powerful for any requirements. The common solution is turning WordPress into headless CMS and integrating it with modern frontend framework such as Vue. I would share my experience of transferring old WordPress site to headless CMS and integrating it with Vue.js (Nuxt.js). This project has been a great experience and a learning opportunity for me.<\/p>\n\n\n\n<p><em>The session will be presented in Thai.<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<p>\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c WordPress \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e21\u0e35\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e02\u0e36\u0e49\u0e19 \u0e41\u0e25\u0e30\u0e04\u0e38\u0e13\u0e01\u0e47\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e40\u0e27\u0e47\u0e1a \u0e0b\u0e36\u0e48\u0e07\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21\u0e1a\u0e32\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07 WordPress \u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e2d\u0e35\u0e01\u0e15\u0e48\u0e2d\u0e44\u0e1b \u0e41\u0e15\u0e48\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e23\u0e39\u0e49\u0e01\u0e31\u0e19\u0e14\u0e35\u0e27\u0e48\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e02\u0e2d\u0e07 WordPress \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21 \u0e41\u0e25\u0e30\u0e17\u0e23\u0e07\u0e1e\u0e25\u0e31\u0e07\u0e01\u0e31\u0e1a\u0e17\u0e38\u0e01\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 \u0e27\u0e34\u0e18\u0e35\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e1e\u0e1a\u0e44\u0e14\u0e49\u0e1a\u0e48\u0e2d\u0e22\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e44\u0e02\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e19\u0e35\u0e49\u0e04\u0e37\u0e2d \u0e01\u0e32\u0e23\u0e41\u0e1b\u0e25\u0e07 WordPress \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19 Headless CMS \u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07 Modern Frontend Framework \u0e40\u0e0a\u0e48\u0e19 Vue \u0e43\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22\u0e19\u0e35\u0e49 \u0e15\u0e31\u0e49\u0e07\u0e08\u0e30\u0e40\u0e25\u0e48\u0e32\u0e16\u0e36\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e41\u0e1b\u0e25\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c WordPress \u0e02\u0e2d\u0e07\u0e40\u0e14\u0e34\u0e21\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19 Headless CMS \u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a Vue.js (Nuxt.js)<\/p>\n\n\n\n<p><em>\u0e20\u0e32\u0e29\u0e32\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22: \u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I would share my experience of transferring old WordPress site to headless CMS and integrating it with Vue.js (Nuxt.js). This project has been a great experience and a learning opportunity.<\/p>\n","protected":false},"author":17681340,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1582425000,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[13869],"footnotes":""},"session_track":[149451],"session_category":[1291162],"class_list":["post-13873","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-3","wcb_session_category-thai-talks"],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paZ9pM-3BL","session_date_time":{"date":"February 23, 2020","time":"9:30 am"},"session_speakers":[{"id":"13869","slug":"warat-wongmaneekit","name":"Warat Wongmaneekit","link":"https:\/\/asia.wordcamp.org\/2020\/speaker\/warat-wongmaneekit\/"}],"session_cats_rendered":"Thai Talks","_links":{"self":[{"href":"https:\/\/asia.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/13873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/asia.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/asia.wordcamp.org\/2020\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":7,"href":"https:\/\/asia.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/13873\/revisions"}],"predecessor-version":[{"id":15939,"href":"https:\/\/asia.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/13873\/revisions\/15939"}],"speakers":[{"embeddable":true,"href":"https:\/\/asia.wordcamp.org\/2020\/wp-json\/wp\/v2\/speakers\/13869"}],"author":[{"embeddable":true,"href":"https:\/\/asia.wordcamp.org\/2020\/wp-json\/wporg\/v1\/users\/thangman22"}],"wp:attachment":[{"href":"https:\/\/asia.wordcamp.org\/2020\/wp-json\/wp\/v2\/media?parent=13873"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/asia.wordcamp.org\/2020\/wp-json\/wp\/v2\/session_track?post=13873"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/asia.wordcamp.org\/2020\/wp-json\/wp\/v2\/session_category?post=13873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}