{"id":7986,"date":"2024-01-30T02:44:42","date_gmt":"2024-01-29T18:44:42","guid":{"rendered":"https:\/\/asia.wordcamp.org\/2024\/?post_type=wcb_session&#038;p=7986"},"modified":"2024-04-13T00:40:50","modified_gmt":"2024-04-12T16:40:50","slug":"fighting-the-javascript-fatigue-picking-the-right-framework-for-headless-wordpress","status":"publish","type":"wcb_session","link":"https:\/\/asia.wordcamp.org\/2024\/session\/fighting-the-javascript-fatigue-picking-the-right-framework-for-headless-wordpress\/","title":{"rendered":"Fighting the JavaScript Fatigue: Picking the right framework for Headless WordPress"},"content":{"rendered":"\n<p>Headless WordPress provides the flexibility to bring your own frontend stack to use, but how do you choose a framework that works for your team?<\/p>\n\n\n\n<p>Luckily, we&#8217;ve used them and we&#8217;ll get you up to speed! Let&#8217;s explore the vast landscape of frontend frameworks in 2023, such as Astro, SvelteKit, Nuxt, Next, and the strengths and gotchas of each framework for use in interactive content sites.<\/p>\n\n\n\n<p>We&#8217;ll give you a taste of each framework, and provide our opinion on which is best for your specific use case.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Watch the session in WordPress.tv and Youtube<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-videopress wp-block-embed-videopress wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='500' height='281' src='https:\/\/video.wordpress.com\/embed\/TezQ2NGE?hd=0&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1674852142'><\/script>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.tv\/2024\/04\/10\/fighting-the-javascript-fatigue-picking-the-right-framework-for-headless-wordpress\/\">WordPress.tv<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/6QiNkc7-rnE?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/youtu.be\/6QiNkc7-rnE?si=Kk3lXLDwNEqcUORL\">YouTube<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Headless WordPress provides the flexibility to bring your own frontend stack to use, but how do you choose a framework that works for your team? Luckily, we&#8217;ve used them and we&#8217;ll get you up to speed! Let&#8217;s explore the vast landscape of frontend frameworks in 2023, such as Astro, SvelteKit, Nuxt, Next, and the strengths [&hellip;]<\/p>\n","protected":false},"author":21069955,"featured_media":8710,"template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_wcpt_session_time":1709949600,"_wcpt_session_duration":3600,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[5498],"footnotes":""},"session_track":[52],"session_category":[105,53],"class_list":["post-7986","wcb_session","type-wcb_session","status-publish","has-post-thumbnail","hentry","wcb_track-track-4-room-101c","wcb_session_category-beyond","wcb_session_category-long-talk"],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"session_date_time":{"date":"March 9, 2024","time":"10:00 am"},"session_speakers":[{"id":"5498","slug":"phoomparin-mano","name":"Phoomparin Mano","link":"https:\/\/asia.wordcamp.org\/2024\/speaker\/phoomparin-mano\/"}],"session_cats_rendered":"Beyond, Long Talk","_links":{"self":[{"href":"https:\/\/asia.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/7986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/asia.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/asia.wordcamp.org\/2024\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":3,"href":"https:\/\/asia.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/7986\/revisions"}],"predecessor-version":[{"id":11217,"href":"https:\/\/asia.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/7986\/revisions\/11217"}],"speakers":[{"embeddable":true,"href":"https:\/\/asia.wordcamp.org\/2024\/wp-json\/wp\/v2\/speakers\/5498"}],"author":[{"embeddable":true,"href":"https:\/\/asia.wordcamp.org\/2024\/wp-json\/wporg\/v1\/users\/phoomparin"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/asia.wordcamp.org\/2024\/wp-json\/wp\/v2\/media\/8710"}],"wp:attachment":[{"href":"https:\/\/asia.wordcamp.org\/2024\/wp-json\/wp\/v2\/media?parent=7986"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/asia.wordcamp.org\/2024\/wp-json\/wp\/v2\/session_track?post=7986"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/asia.wordcamp.org\/2024\/wp-json\/wp\/v2\/session_category?post=7986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}