rockiger

<p>ReactPress enables you to easily create, build and deploy React apps into your existing WordPress sites. Use your React knowledge to create single page applications for your WordPress customers.</p>
<p>Get started in seconds and develop your React app with instant feedback and your WordPress theme in mind.</p>
<p>Combine the flexibility of WordPress with the UI capabilities of React and seamlessly integrate create-react-app into your WordPress project for your next SaaS.</p>
<p>ReactPress does 3 things:</p>
<ul>
<li>It integrates your local dev server into your WordPress theme, that you have instant feedback, how your React app looks in the context of your WordPress website.</li>
<li>It builds your React app in a way that it is usable from your WordPress site.</li>
<li>It makes it easy to upload your app to a live server after building.</li>
</ul>
<h3>Features</h3>
<ul>
<li>Fast refresh during app development</li>
<li>WordPress integration during development</li>
<li>Easy deploy to your live site</li>
<li>client-side routing</li>
<li>zero-config</li>
<li>TypeScript support</li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="https://rockiger.com/en/reactpress/" rel="nofollow ugc">Website</a></li>
<li><a href="https://rockiger.com/en/reactpress/getting-started/" rel="nofollow ugc">Getting Started</a></li>
<li><a href="https://rockiger.com/en/reactpress/reactpress-tutorial/" rel="nofollow ugc">In depth React with WordPress Tutorial</a></li>
<li><a href="https://rockiger.com/en/reactpress/understanding-reactpress/" rel="nofollow ugc">FAQ</a></li>
<li><a href="https://github.com/rockiger/reactpress/" rel="nofollow ugc">Development</a></li>
</ul>
<h3>System Requirements</h3>
<p>To develop React apps your WordPress instance needs access to:</p>
<ul>
<li>Access to the PHP function <code>file_get_contents</code>. Some hosting providers deactivate <code>fopen</code> on which <code>file_get_contents</code> depends. Access to <code>file_get_contents</code> is neccessary on your dev and your live system!</li>
<li>POSIX compatible system, Windows support is experimental. (<a href="https://rockiger.com/en/windows-survival-guide-to-for-react-and-web-developers/" title="Windows Survival Guide for React and Web Developers" rel="nofollow ugc">Alternatively Windows users can use WSL2</a>)</li>
</ul>


ReactPress – Create React App for WordPress

Easily create, build and deploy React apps into your existing WordPress sites.

timothyolu

<p><strong>Overedge Connector</strong> is the bridge between your WordPress content and your React frontend.</p>
<p>Whether you built your site with Lovable, Vite, Next.js, or plain React — Overedge Connector turns your WordPress installation into a fully configured headless CMS that your React app can fetch from instantly.</p>
<h4>External Services</h4>
<p>This plugin optionally connects to the Overedge platform (https://overedge.dev) to automate the connection setup between your React frontend and WordPress. This connection is initiated manually by the site administrator and can be used without the platform entirely.</p>
<p>The Overedge platform stores only site URLs and plugin health status. No content or personal data is transmitted.</p>
<p>Privacy policy: https://overedge.dev/privacy<br />
Terms of service: https://overedge.dev</p>
<h4>What It Does</h4>
<p>Once activated, Overedge Connector automatically:</p>
<ul>
<li>Registers <strong>custom post types</strong> — Testimonials, Team Members, and FAQs — all exposed via the REST API</li>
<li>Configures <strong>Advanced Custom Fields</strong> field groups for each post type</li>
<li>Enables and configures the <strong>WordPress REST API</strong> for headless use</li>
<li>Handles <strong>CORS headers</strong> so your React frontend can fetch content cross-origin</li>
<li>Creates a <strong>site-wide options panel</strong> for managing global settings (hero text, stats, CTAs, contact details)</li>
<li>Exposes a <strong>health endpoint</strong> at <code>/wp-json/overedge/v1/health</code> so your frontend can monitor the connection</li>
<li>Generates a <strong>secret key</strong> for secure webhook verification</li>
</ul>
<h4>Who Is It For?</h4>
<ul>
<li><strong>Vibe coders</strong> building client sites on Lovable who need their clients to manage content independently</li>
<li><strong>Freelance developers</strong> tired of rewriting WordPress REST API integrations on every project</li>
<li><strong>Agencies</strong> delivering consistent, client-friendly handovers at scale</li>
</ul>
<h4>Works With Any React Frontend</h4>
<ul>
<li>Lovable subdomain (e.g. yoursite.lovable.app)</li>
<li>Custom domain (e.g. yoursite.com)</li>
<li>Next.js, Vite, Create React App — anything React</li>
</ul>
<h4>Works With Any WordPress Setup</h4>
<ul>
<li>Subdomain (e.g. cms.yoursite.com)</li>
<li>Main domain (e.g. yoursite.com)</li>
<li>Subfolder (e.g. yoursite.com/cms)</li>
<li>Shared hosting, VPS, managed WordPress — all supported</li>
</ul>
<h4>Overedge Platform</h4>
<p>This plugin works standalone, but connects seamlessly with the <strong>Overedge platform</strong> (overedge.dev) which provides:</p>
<ul>
<li>Browser-based connection wizard — no terminal, no VS Code</li>
<li>Auto-generated React integration files (wordpress.ts, useWordPress.ts, cmsData.ts)</li>
<li>Dashboard to manage all connected sites</li>
<li>Health monitoring across all your client sites</li>
<li>Phase 2: Visual customisation — clients control colours, layout, and components from wp-admin</li>
<li>Phase 2: Shortcode <span aria-hidden="true" class="wp-exclude-emoji">→</span> React props mapping — <code>[overedge_hero headline="..."]</code> updates your React component automatically</li>
</ul>
<h4>REST API Endpoints Added</h4>
<ul>
<li><code>GET /wp-json/overedge/v1/health</code> — Plugin health and site status</li>
<li><code>POST /wp-json/overedge/v1/configure</code> — Update CORS allowed origin</li>
<li><code>GET /wp-json/overedge/v1/settings</code> — Site-wide CMS settings</li>
</ul>
<h4>Custom Post Types Registered</h4>
<ul>
<li><code>overedge_testimonial</code> — with fields: quote, author_name, author_country, destination, avatar</li>
<li><code>overedge_team_member</code> — with fields: full_name, job_title, bio, photo, destination_focus, linkedin_url</li>
<li><code>overedge_faqs</code> — with fields: answer, destination, order</li>
</ul>
<p>All custom post types are exposed via the WordPress REST API and include ACF field support.</p>
<h4>Privacy</h4>
<p>This plugin does not collect or transmit any personal data. The optional Overedge platform connection only stores site URLs and connection status — never content or user data.</p>


Overedge Connector

Connect your WordPress site to any React or Lovable-built frontend as a headless CMS — in minutes.

ReactPress – Create React App for WordPress vs Overedge Connector