{"id":153782,"date":"2024-09-26T16:03:52","date_gmt":"2024-09-26T21:03:52","guid":{"rendered":"https:\/\/wpengine.com\/resources\/decode-headless-101-for-wordpress-developers-copy\/"},"modified":"2025-02-25T05:48:38","modified_gmt":"2025-02-25T11:48:38","slug":"decode-headless-for-wordpress-developer","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/decode-headless-for-wordpress-developer\/","title":{"rendered":"DE{CODE}: Headless 101 for WordPress Developers"},"content":{"rendered":"\n<p>Headless development can be more powerful and even more fun than traditional WordPress development. However, with so many new choices in this emerging stack, what&#8217;s the best way to get started? <\/p>\n\n\n\n<p>This workshop will walk builders through installing and optimizing a WordPress project for headless, all the way to templating your first page in a decoupled frontend.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-wistia-inc wp-block-embed-wistia-inc\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"4a Headless 101 for WordPress Developers Video\" src=\"https:\/\/fast.wistia.net\/embed\/iframe\/izb6kiu6oy?dnt=1\" allow=\"autoplay; fullscreen\" allowtransparency=\"true\" frameborder=\"0\" scrolling=\"no\" class=\"wistia_embed\" name=\"wistia_embed\" msallowfullscreen width=\"960\" height=\"540\"><\/iframe><script src=\"https:\/\/fast.wistia.net\/assets\/external\/E-v1.js\" async><\/script>\n<\/div><figcaption class=\"wp-element-caption\">Video: Headless 101 for WordPress Developers<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Session Slides<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-slideshare wp-block-embed-slideshare\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.slideshare.net\/wpengine\/headless-101-for-wordpress-developerspdf\n<\/div><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Headless development can be more powerful and even more fun than traditional WordPress development. However, with so many new choices in this emerging stack, what&#8217;s the best way to get started? This workshop will walk builders through installing and optimizing a WordPress project for headless, all the way to templating your first page in a<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":1,"featured_media":136609,"template":"","resource-topic":[1478,912,901],"resource-role":[896],"resource-type":[900],"class_list":["post-153782","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>DE{CODE}: Headless 101 for WordPress Developers<\/title>\n<meta name=\"description\" content=\"Learn everything from installing and optimizing a headless WordPress project to templating your first page in a decoupled frontend.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"DE{CODE}: Headless 101 for WordPress Developers\" \/>\n<meta property=\"og:description\" content=\"Learn everything from installing and optimizing a headless WordPress project to templating your first page in a decoupled frontend.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/decode-headless-for-wordpress-developer\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-25T11:48:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/12\/DECODE22_1200x627.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/12\/DECODE22_1200x627.png\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/decode-headless-for-wordpress-developer\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/decode-headless-for-wordpress-developer\/\",\"name\":\"DE{CODE}: Headless 101 for WordPress Developers\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2024-09-26T21:03:52+00:00\",\"dateModified\":\"2025-02-25T11:48:38+00:00\",\"description\":\"Learn everything from installing and optimizing a headless WordPress project to templating your first page in a decoupled frontend.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/decode-headless-for-wordpress-developer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/decode-headless-for-wordpress-developer\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/decode-headless-for-wordpress-developer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"DE{CODE}: Headless 101 for WordPress Developers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"DE{CODE}: Headless 101 for WordPress Developers","description":"Learn everything from installing and optimizing a headless WordPress project to templating your first page in a decoupled frontend.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"DE{CODE}: Headless 101 for WordPress Developers","og_description":"Learn everything from installing and optimizing a headless WordPress project to templating your first page in a decoupled frontend.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/decode-headless-for-wordpress-developer\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2025-02-25T11:48:38+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/12\/DECODE22_1200x627.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/12\/DECODE22_1200x627.png","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/decode-headless-for-wordpress-developer\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/decode-headless-for-wordpress-developer\/","name":"DE{CODE}: Headless 101 for WordPress Developers","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2024-09-26T21:03:52+00:00","dateModified":"2025-02-25T11:48:38+00:00","description":"Learn everything from installing and optimizing a headless WordPress project to templating your first page in a decoupled frontend.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/decode-headless-for-wordpress-developer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/decode-headless-for-wordpress-developer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/decode-headless-for-wordpress-developer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"DE{CODE}: Headless 101 for WordPress Developers"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/12\/DECODE22_370x250.png","media-type":{"term_id":900,"name":"Video \/ Webinar","slug":"video"},"role":"<strong>Roles:<\/strong> Developer","topic":"<strong>Topics:<\/strong> DE{CODE}, Performance, WordPress","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/153782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/136609"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=153782"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=153782"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=153782"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=153782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}