Chris Reynolds

John Spellman

Pantheon Systems

Abhisek Mazumdar

backlineint

<p>This plugin intends to provide a single home for preview on a variety of decoupled front-ends. Can be used with the <a href="https://decoupledkit.pantheon.io/docs/frontend-starters/nextjs/nextjs-wordpress/introduction" rel="nofollow ugc">Decoupled Kit Next.js WordPress Starter</a> for pre-configured examples for post and page content.</p>
<h3>Features</h3>
<ul>
<li>Preview while editing a Post/Page.</li>
<li>Configure multiple preview sites.</li>
<li>Specify the post types (Post and Pages) that each preview site applies to.</li>
</ul>
<h3>Configuration</h3>
<p>In the WordPress Admin Dashboard, navigate to <strong>Settings</strong> -> <strong>Preview Sites</strong>, add one or more preview sites, and configure the following:</p>
<ul>
<li>Label: The name of the site.</li>
<li>URL: The URL of the decoupled site you are providing preview data to.</li>
<li>Secret: A token that will be passed to your decoupled site used to limit access to the preview.</li>
<li>Preview Type: The type of preview site – currently only NextJS is supported.</li>
<li>Content Types: The post types (like Post and Page) that this preview site applies to.</li>
</ul>
<p>For more information on how preview data can be consumed on your front-end site, see <a href="https://decoupledkit.pantheon.io/docs/frontend-starters/nextjs/nextjs-wordpress/implementing-preview" rel="nofollow ugc">implementing decoupled preview</a>.</p>


Decoupled Preview

Preview headless WordPress content on Front-end sites including Next.js.

Headless eCommerce API for Developers – CoCart vs Decoupled Preview