{"id":551,"date":"2021-03-09T22:22:54","date_gmt":"2021-03-09T22:22:54","guid":{"rendered":"https:\/\/localwp.com\/?post_type=help&#038;p=551"},"modified":"2025-05-14T13:41:22","modified_gmt":"2025-05-14T13:41:22","slug":"using-the-headless-wp-add-on","status":"publish","type":"help","link":"https:\/\/localwp.com\/help-docs\/local-features\/using-the-headless-wp-add-on\/","title":{"rendered":"WP Engine Headless Platform Add-on"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The <strong><a href=\"https:\/\/localwp.com\/add-ons\/local-addon-headless\/\" target=\"_blank\" rel=\"noreferrer noopener\">&#8220;WP Engine Headless Platform&#8221; add-on<\/a> <\/strong>helps you quickly get working on a Headless WordPress site using WP Engine&#8217;s <a href=\"https:\/\/wpengine.com\/headless-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><span style=\"text-decoration: underline;\">Headless WordPress platform<\/span><\/strong><\/a>. That&#8217;s a lot of jargon, so let&#8217;s get you oriented in terms of what all that means.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group help-doc-toc\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Table of Contents:<\/p>\n\n\n<nav aria-label=\"Table of Contents\" class=\"wp-block-table-of-contents\"><ol><li><a class=\"wp-block-table-of-contents__entry\" href=\"#orgc2ff618\">Terms<\/a><ol><li><a class=\"wp-block-table-of-contents__entry\" href=\"#orgd957cb7\">Headless WordPress platform:<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#orge287e11\">Faust.js:<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#org69f25f4\">WP Engine Headless Platform Add-on:<\/a><\/li><\/ol><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#orgb6d5f5f\">Installation<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#org9b31bd5\">Create a Headless Site<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#org43c2ed5\">Develop Headless WordPress Sites in Local<\/a><ol><li><a class=\"wp-block-table-of-contents__entry\" href=\"#orgcc7f6c9\">Access the site in the browser<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#orge21c66d\">Access the site files<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#org25cc18e\">Compile Changes<\/a><\/li><\/ol><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#org927b949\">Limitations<\/a><ol><li><a class=\"wp-block-table-of-contents__entry\" href=\"#org7459462\">Live Links<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#org9932c4b\">Instant Reload<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#org0d49963\">Link Checker<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#local-connect\">Local Connect<\/a><\/li><\/ol><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#org50bba39\">Resources and Getting Help<\/a><\/li><\/ol><\/nav><\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"wp-headless-terminology\" class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-color\" id=\"orgc2ff618\" style=\"color:#000000\"><strong>Terms<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"orgd957cb7\" style=\"color:#000000\"><strong>Headless WordPress platform:<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WP Engine&#8217;s <a href=\"https:\/\/wpengine.com\/headless-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><span style=\"text-decoration: underline;\">Headless WordPress<\/span><\/strong><\/a> offering is a platform for deploying and hosting headless WordPress projects.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using this framework, you can get the benefits of managing your content with WordPress while having maximum flexibility in how and where that content is consumed.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"orge287e11\" style=\"color:#000000\"><strong>Faust.js:<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re new to the web development term &#8220;headless,&#8221; I recommend taking a look at this <a href=\"https:\/\/wpengine.com\/builders\/what-is-headless-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><span style=\"text-decoration: underline;\">blog post<\/span><\/strong><\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But why do we even need a framework?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress has been around a long time and doesn&#8217;t offer a seamless headless experience out of the box.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That being said, because WordPress is so extensible, there are a number of things that can be done to have it fit into a more modern workflow. This includes things like installing the&nbsp;<a href=\"https:\/\/www.wpgraphql.com\/\"><strong><span style=\"text-decoration: underline;\">WPGraphQL<\/span><\/strong><\/a>&nbsp;WordPress plugin as well as installing and configuring WP Engine&#8217;s open-source <a href=\"https:\/\/faustjs.org\/\"><strong><span style=\"text-decoration: underline;\">Faust.js<\/span><\/strong><\/a> framework.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A lot of this information about headless WordPress projects is changing quickly, and the best place to get up to speed and stay current on those changes is to follow WP Engine&#8217;s developer resources.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/developers.wpengine.com\" target=\"_blank\" rel=\"noreferrer noopener\">WP Engine Developer Resources<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"org69f25f4\" style=\"color:#000000\"><strong>WP Engine Headless Platform Add-on:<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/localwp.com\/add-ons\/local-addon-headless\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Local &#8220;WP Engine Headless Platform&#8221; Add-on<\/strong><\/a> helps hide away the complexity of creating headless sites on your local machine.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using the add-on, you can quickly create a new headless sandbox to begin experimenting with the Headless WordPress platform without all the tedious parts of setting up your environment:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Manually install server software like <a rel=\"noreferrer noopener\" href=\"https:\/\/nodejs.org\/\" target=\"_blank\"><strong><span style=\"text-decoration: underline;\">Node.js<\/span><\/strong><\/a>, <a rel=\"noreferrer noopener\" href=\"https:\/\/www.php.net\/\" target=\"_blank\"><strong><span style=\"text-decoration: underline;\">PHP<\/span><\/strong><\/a>, <a rel=\"noreferrer noopener\" href=\"https:\/\/www.mysql.com\/\" target=\"_blank\"><strong><span style=\"text-decoration: underline;\">MySQL<\/span><\/strong><\/a>, <strong><span style=\"text-decoration: underline;\"><a rel=\"noreferrer noopener\" href=\"https:\/\/www.nginx.com\/\" target=\"_blank\">Nginx<\/a>\/<a rel=\"noreferrer noopener\" href=\"https:\/\/www.apache.org\/\" target=\"_blank\">Apache<\/a><\/span><\/strong>.<\/li>\n\n\n\n<li>Spawn a Node.js process to watch and compile the frontend Javascript.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div id=\"installation\" class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-color\" id=\"orgb6d5f5f\" style=\"color:#000000\"><strong>Installation<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Installing the WP Engine Headless Platform Add-on is easy, and can be done from the &#8220;Add-on Library&#8221; within Local.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"783\" src=\"https:\/\/localwp.com\/wp-content\/uploads\/2025\/05\/headless-platform-addon-library-1024x783.png\" alt=\"\" class=\"wp-image-2514\" srcset=\"https:\/\/localwp.com\/wp-content\/uploads\/2025\/05\/headless-platform-addon-library-1024x783.png 1024w, https:\/\/localwp.com\/wp-content\/uploads\/2025\/05\/headless-platform-addon-library-300x229.png 300w, https:\/\/localwp.com\/wp-content\/uploads\/2025\/05\/headless-platform-addon-library-768x587.png 768w, https:\/\/localwp.com\/wp-content\/uploads\/2025\/05\/headless-platform-addon-library-1536x1175.png 1536w, https:\/\/localwp.com\/wp-content\/uploads\/2025\/05\/headless-platform-addon-library-2048x1567.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div id=\"help-step-block_0199db58186af61e71c226a2eb7f417b\" class=\"help-note-container help-type-note\">\n\t<div class=\"help-icon\">\n\t\t<svg viewBox=\"0 0 512 512\" fill=\"currentColor\"><path fill=\"currentColor\" d=\"M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-464a208 208 0 1 0 0 416 208 208 0 1 0 0-416zm70.7 121.9c7.8-10.7 22.8-13.1 33.5-5.3 10.7 7.8 13.1 22.8 5.3 33.5L243.4 366.1c-4.1 5.7-10.5 9.3-17.5 9.8-7 .5-13.9-2-18.8-6.9l-55.9-55.9c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l36 36 105.6-145.2z\"><\/path><\/svg>\t<\/div>\n    <div class=\"help-text\">\n\t\t<p>There&#8217;s only a couple of things you need to get up and running with the WP Engine Headless Platform Add-on.<\/p>\n<ol>\n<li>Install the\u00a0<a href=\"https:\/\/localwp.com\/releases\/\"><span style=\"text-decoration: underline;\"><strong>latest version of Local<\/strong><\/span><\/a>\u00a0(at least\u00a0<span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/localwp.com\/releases\/5.10.0\">5.10.0<\/a>.<\/strong><\/span>)<\/li>\n<li>Be connected to the internet when creating a site. Local needs to download dependencies when creating a new headless site, but after everything is set up, you can be as mobile as you want!<\/li>\n<\/ol>\n\t<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div id=\"create-site\" class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-color\" id=\"org9b31bd5\" style=\"color:#000000\"><strong>Create a Headless Site<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The WP Engine Headless Platform Add-on makes the setup of a headless WordPress site easy. Simply click the &#8220;Add Local Site&#8221; button in the lower-left corner of Local. Select a &#8220;Custom Environment&#8221; and check the setting to &#8220;Enable Headless Add-on on this site.&#8221;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" width=\"1024\" height=\"783\" src=\"https:\/\/localwp.com\/wp-content\/uploads\/2025\/05\/headless-platform-environment-selection-1024x783.png\" alt=\"\" class=\"wp-image-2515\" srcset=\"https:\/\/localwp.com\/wp-content\/uploads\/2025\/05\/headless-platform-environment-selection-1024x783.png 1024w, https:\/\/localwp.com\/wp-content\/uploads\/2025\/05\/headless-platform-environment-selection-300x229.png 300w, https:\/\/localwp.com\/wp-content\/uploads\/2025\/05\/headless-platform-environment-selection-768x587.png 768w, https:\/\/localwp.com\/wp-content\/uploads\/2025\/05\/headless-platform-environment-selection-1536x1175.png 1536w, https:\/\/localwp.com\/wp-content\/uploads\/2025\/05\/headless-platform-environment-selection-2048x1567.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div id=\"developing-site\" class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-color\" id=\"org43c2ed5\" style=\"color:#000000\"><strong>Develop Headless WordPress Sites in Local<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"orgcc7f6c9\" style=\"color:#000000\"><strong>Access the site in the browser<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once Local has finished creating your headless WordPress site, you&#8217;ll want to dive in and get developing. You can access the site with your browser by viewing the site overview page in Local. From there, you can access both the WordPress backend as well as the Node.js front-end by clicking one of the various links.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-style-drop-shadow\"><img decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-access-wordpress-backend-1024x495.png\" alt=\"\" class=\"wp-image-567\" srcset=\"https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-access-wordpress-backend-1024x495.png 1024w, https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-access-wordpress-backend-300x145.png 300w, https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-access-wordpress-backend-768x371.png 768w, https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-access-wordpress-backend-1536x743.png 1536w, https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-access-wordpress-backend-2048x990.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">You can access the WordPress backend to manage plugins as well as author content to be served to the Node.js frontend.<\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-style-drop-shadow\"><img decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-access-frontend-1024x495.png\" alt=\"\" class=\"wp-image-568\" srcset=\"https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-access-frontend-1024x495.png 1024w, https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-access-frontend-300x145.png 300w, https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-access-frontend-768x371.png 768w, https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-access-frontend-1536x743.png 1536w, https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-access-frontend-2048x990.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Clicking either &#8220;Open Site&#8221; or the &#8220;Node.js Host&#8221; will take you to the Node.js frontend. <\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div id=\"help-step-block_5c823ab90ef433f481f3838d1d29ef28\" class=\"help-note-container help-type-note\">\n\t<div class=\"help-icon\">\n\t\t<svg viewBox=\"0 0 512 512\" fill=\"currentColor\"><path fill=\"currentColor\" d=\"M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-464a208 208 0 1 0 0 416 208 208 0 1 0 0-416zm70.7 121.9c7.8-10.7 22.8-13.1 33.5-5.3 10.7 7.8 13.1 22.8 5.3 33.5L243.4 366.1c-4.1 5.7-10.5 9.3-17.5 9.8-7 .5-13.9-2-18.8-6.9l-55.9-55.9c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l36 36 105.6-145.2z\"><\/path><\/svg>\t<\/div>\n    <div class=\"help-text\">\n\t\t<p>Pay special attention to the url that is used in the browser&#8217;s address bar.<\/p>\n<p>The domain that you selected during site creation will be used when clicking the &#8220;Open Site&#8221; button and is serving the same content that can be found when clicking the &#8220;Node.js Host&#8221; link.<\/p>\n<p>Why have two ways of accessing the frontend? The open site button is passing through Local&#8217;s router, and allows for additional functionality like Live Links, whereas the direct connection to the localhost port is one less piece of networking to be considering.<\/p>\n<p>For the backend of the site, the &#8220;Admin&#8221; button links directly to the port serving the WordPress.<\/p>\n\t<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"orge21c66d\" style=\"color:#000000\"><strong>Access the site files<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When you&#8217;re ready to start editing files and customizing the site, navigate to the main site&#8217;s folder and notice the&nbsp;<code>app<\/code>&nbsp;and&nbsp;<code>app-node<\/code>&nbsp;folders.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>app<\/code>&nbsp;&#8211; Contains the files of a typical WordPress site. Any changes made here will be reflected in the WordPress backend.<\/li>\n\n\n\n<li><code>app-node<\/code>&nbsp;&#8211; The Javascript frontend which the Node.js process is watching and compiling.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"627\" src=\"https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-folder-structure-1024x627.png\" alt=\"\" class=\"wp-image-569\" srcset=\"https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-folder-structure-1024x627.png 1024w, https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-folder-structure-300x184.png 300w, https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-folder-structure-768x470.png 768w, https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-folder-structure.png 1301w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"org25cc18e\" style=\"color:#000000\"><strong>Compile Changes<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re used to working with other, modern Javascript projects, you&#8217;ll be familiar with the need to compile your source code into something more compatible for production.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By using the Headless Platform add-on, watching and compiling the frontend Javascript is already done for you. Just open the file, make your changes, and watch the browser update!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you need to see the output of that process, click the &#8220;Show Output&#8221; link under the &#8220;Frontend Node.js&#8221; section of the Site Overview page.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"994\" style=\"aspect-ratio: 2058 \/ 994;\" width=\"2058\" controls src=\"https:\/\/localwp.com\/wp-content\/uploads\/2021\/03\/atlas-addon-compiling-changes.mp4\"><\/video><figcaption class=\"wp-element-caption\">Edits made to the code in the <code>app-node<\/code> folder are automatically compiled and refreshed in the browser when the file is saved.<\/figcaption><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div id=\"limitation\" class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-color\" id=\"org927b949\" style=\"color:#000000\"><strong>Limitations<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Headless Platform Add-on is still in Beta, which means we&#8217;re actively working on it. That also means that there are some things that won&#8217;t work flawlessly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"org7459462\" style=\"color:#000000\"><strong>Live Links<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Right now, a Live Link can only be created to the Node.js frontend. This means that there&#8217;s no way to create a Live Link to the WordPress backend.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"org9932c4b\" style=\"color:#000000\"><strong>Instant Reload<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Because the Headless Platform Add-on is already watching, compiling and refreshing the browser with changes to the Node.js frontend, there&#8217;s no need to enable Instant Reload for a Headless WordPress platform site. With the Headless Platform add-on enabled, you can still use Instant Reload for other, regular WordPress sites, but at this time, it&#8217;s best to leave Instant Reload disabled for any headless sites.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"org0d49963\" style=\"color:#000000\"><strong>Link Checker<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">At this time, the Link Checker add-on isn&#8217;t able to scan for broken links on headless sites.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-color has-link-color wp-elements-f6c5ec1285216fd0775bcf42d26e4ac8\" id=\"local-connect\" style=\"color:#000000\"><strong>Local Connect<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Local Connect does not support a full Headless WordPress platform push\/pull; the functionality is available specifically for the WordPress install and site files. It does not currently support pushing and pulling the front end to and from a Headless WordPress platform site on WP Engine. You can learn more about building headless WordPress sites&nbsp;<a href=\"https:\/\/wpengine.com\/builders\/headless\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>here<\/strong>.&nbsp;<\/a><\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div id=\"resources\" class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-color\" id=\"org50bba39\" style=\"color:#000000\"><strong>Resources and Getting Help<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For more information on building Headless WordPress sites, see WP Engine&#8217;s&nbsp;<a href=\"https:\/\/developers.wpengine.com\/\"><strong><span style=\"text-decoration: underline;\">Developer Resources<\/span><\/strong><\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you have questions or issues when using the WP Engine Headless Platform Add-on, create a topic in the&nbsp;<a href=\"https:\/\/community.localwp.com\/c\/local-add-ons\/wp-engine-headless-platform\/31\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WP Engine Headless Platform<\/strong><\/a><strong><span style=\"text-decoration: underline;\">&nbsp;<\/span><\/strong>category of the community forums, or get in touch through the&nbsp;<strong><span style=\"text-decoration: underline;\"><a href=\"https:\/\/github.com\/getflywheel\/local-addon-headless\" target=\"_blank\" rel=\"noreferrer noopener\">Github Repository<\/a>.<\/span><\/strong><\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/community.localwp.com\/c\/support\/5\" target=\"_blank\" rel=\"noreferrer noopener\">Get Community Support<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The &#8220;WP Engine Headless Platform&#8221; add-on helps you quickly get working on a Headless WordPress site using WP Engine&#8217;s Headless WordPress platform. That&#8217;s a lot of jargon, so let&#8217;s get you oriented in terms of what all that means. Table of Contents: Terms Headless WordPress platform: WP Engine&#8217;s Headless WordPress offering is a platform for&#8230;<\/p>\n","protected":false},"author":49,"parent":800,"menu_order":0,"template":"","tags":[28],"helpcategories":[],"class_list":["post-551","help","type-help","status-publish","hentry","tag-add-ons"],"acf":{"help_keywords":""},"_links":{"self":[{"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/help-doc\/551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/help-doc"}],"about":[{"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/types\/help"}],"author":[{"embeddable":true,"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/users\/49"}],"version-history":[{"count":0,"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/help-doc\/551\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/help-doc\/800"}],"wp:attachment":[{"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/media?parent=551"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/tags?post=551"},{"taxonomy":"helpcategories","embeddable":true,"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/helpcategories?post=551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}