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

Dropndot Solutions

droptheme

Frontend View For Headless CMS

Frontend View For Headless CMS links backend WordPress articles, pages, custom post types, taxonomies, and categories to the headless CMS site.

Emil Privér

Jamstack Preview and Deployments

Make your wordpress work with JAMstack webapplications with previews and automatic deployments.

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>


Alternatives to Decoupled Preview

Top alternatives