volmohammed

With this plugin you can get posts and change URL dynamic based on post section by using this Shortcode [get-posts-react]

Load Posts in React

A simple shortcode plugin to fetch and display WordPress posts dynamically using React.

ariellejphoenix

Metronyx Headless CMS Connector provides a clean, secure REST API to connect your WordPress content with any frontend framework. Perfect for developers building modern web applications with Next.js, React, Vue, Angular, or any other frontend technology.
<h4>Key Features</h4>
<ul>
<li>Clean REST API – Simple endpoints for posts, pages, and content</li>
<li>Advanced Content Delivery – Optimized for modern headless CMS implementations</li>
<li>CORS Support – Configured for secure frontend framework connections</li>
<li>Framework Agnostic – Works with Next.js, React, Vue, Angular, and any frontend</li>
<li>SEO Optimized – Built-in meta fields and structured data for better search performance</li>
<li>Enterprise Security – Built-in security features, input validation, and rate limiting</li>
<li>Complete Documentation – Built-in API docs and usage examples</li>
</ul>
<h4>Security Features</h4>
This plugin has been thoroughly audited and includes:
<ul>
<li>Input validation and sanitization</li>
<li>CSRF protection with nonce verification</li>
<li>XSS prevention with output escaping</li>
<li>Rate limiting and pagination limits</li>
<li>CORS security with strict origin validation</li>
<li>Path traversal protection</li>
<li>Proper capability checks for admin functions</li>
</ul>
<h4>API Endpoints</h4>
Posts & Pages: 
* <code>GET /wp-json/metronyx-connector/v1/posts</code> – All posts with pagination 
* <code>GET /wp-json/metronyx-connector/v1/posts/{slug}</code> – Single post by slug 
* <code>GET /wp-json/metronyx-connector/v1/posts/featured</code> – Featured posts only 
* <code>GET /wp-json/metronyx-connector/v1/pages</code> – All pages 
* <code>GET /wp-json/metronyx-connector/v1/pages/{slug}</code> – Single page by slug
Categories & Tags: 
* <code>GET /wp-json/metronyx-connector/v1/categories</code> – All categories 
* <code>GET /wp-json/metronyx-connector/v1/tags</code> – All tags
Coming Soon: 
* Advanced e-commerce endpoints (future releases) 
* Enhanced content filtering and search 
* Multi-site headless architecture support
<h4>Data Structure</h4>
Each post/page includes: 
* Basic content (title, slug, content, excerpt) 
* SEO metadata (title, description, canonical URL) 
* Featured images with multiple sizes 
* Categories and tags 
* Author information 
* Custom meta fields
Future releases will include: 
* Advanced content filtering and search capabilities 
* Enhanced SEO metadata and structured data 
* Multi-language content support 
* Custom post type integration 
* Performance analytics and insights
<h4>Usage Example</h4>
<pre><code>// Fetch all posts
const posts = await fetch('/wp-json/metronyx-connector/v1/posts')
 .then(res => res.json());

// Fetch single post
const post = await fetch('/wp-json/metronyx-connector/v1/posts/your-post-slug')
 .then(res => res.json());

// Next.js example
export async function getStaticProps({ params }) {
 const post = await fetch(`${process.env.WORDPRESS_API_URL}posts/${params.slug}`)
 .then(res => res.json());

 return { props: { post } };
}
</code></pre>
<h3>Professional Services</h3>
Running a headless WordPress setup means your SEO, performance, and content pipeline all need to work together. Metronyx specializes in WordPress-powered businesses and can help with:
<ul>
<li>Headless CMS Architecture – Custom REST API design, frontend-backend decoupling, and deployment pipelines for Next.js, React, or Vue</li>
<li>AI SEO & Answer Engine Optimization (AEO) – Get your WordPress content surfaced in AI search results from ChatGPT, Perplexity, and Google AI Overviews</li>
<li>Performance & Caching – Server-side rendering optimization, CDN configuration, and API response caching for sub-second page loads</li>
<li>Custom API Development – Bespoke endpoints for WooCommerce, ACF, custom post types, and third-party integrations</li>
<li>SEO for Headless WordPress – Structured data, meta tag management, sitemap generation, and crawl optimization for decoupled sites</li>
<li>Multi-site & Enterprise – Manage multiple headless WordPress properties from a single admin with shared content APIs</li>
</ul>
Learn more at <a href="https://metronyx.co.uk" rel="nofollow ugc">metronyx.co.uk</a> or <a href="https://metronyx.co.uk/free-tools" rel="nofollow ugc">get a free SEO audit</a>.
<h3>Developer</h3>
Built and maintained by Arielle Phoenix (<a href="https://ariellephoenix.com" rel="nofollow ugc">ariellephoenix.com</a>). 
AI SEO and headless WordPress solutions by Metronyx (<a href="https://metronyx.co.uk" rel="nofollow ugc">metronyx.co.uk</a>).

Metronyx Headless CMS Connector

Transform your WordPress site into a powerful headless CMS for modern frontend frameworks like Next.js, React, Vue, and more.

Load Posts in React vs Metronyx Headless CMS Connector