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.

Dropndot Solutions

droptheme

<p>Frontend View For Headless CMS is a plugin that seamlessly links your backend WordPress content, including posts, pages, custom post types, taxonomies, categories, and authors to your headless CMS frontend site. This ensures that any content in your WordPress backend are linked with your headless CMS frontend, therefore, you can easily visit the contents using visit links.</p>
<p><strong>Features:</strong></p>
<ul>
<li>Set your headless frontend base URL in <strong>Frontend View Settings</strong>.</li>
<li>Rewrite <strong>View</strong> links on post, page, CPT, taxonomy, and user list screens.</li>
<li>Optional custom <strong>preview path</strong> (for example <code>/preview/post-slug/</code>) for draft and preview links.</li>
<li>Map <strong>author</strong> archive paths to your frontend user segment.</li>
<li>Per-taxonomy and per–post-type <strong>slug overrides</strong> to match your frontend routes.</li>
<li><strong>Empty slug</strong> option to remove taxonomy or CPT base segments from generated URLs (for flat routes like <code>/my-post/</code> instead of <code>/products/my-post/</code>).</li>
<li>Frontend links in wp-admin open in a <strong>new tab</strong> for safer editing workflows.</li>
<li><strong>Settings</strong> shortcut on the Plugins screen for quick access to configuration.</li>
<li>Redesigned settings page with slug mapping UI, quick guide, and helpful resources.</li>
</ul>
<p>Works with any frontend that consumes WordPress via the REST API, GraphQL, or your own data layer—as long as your frontend URLs follow the paths you configure.</p>
<h3>Development</h3>
<p>This plugin is developed by Dropndot Solutions. For more information, visit <a href="https://www.dropndot.com/" rel="nofollow ugc">Dropndot Solutions</a>.</p>
<h3>Contact</h3>
<p>For support or inquiries, please contact us at <a href="mailto:info@dropndot.com" rel="nofollow ugc">info@dropndot.com</a>.</p>
<h3>Like the Plugin?</h3>
<p>If you find this plugin helpful, please leave a positive review on the <a href="https://wordpress.org/plugins/frontend-view-for-headless-cms" rel="ugc">WordPress Plugin Directory</a></p>


Frontend View For Headless CMS


Great plugin, it works for all the post types and even for users as well. I've used it in my React Project. The backend is Headless WordPress.


Great plugin, it works for all the post types and even for users as well.

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

Decoupled Preview vs Frontend View For Headless CMS