Custom Headless WordPress Site with React Front End

WordPress serves as the backend CMS with its REST API enabled. The frontend is a standalone React application that consumes the API to render all public-facing content.

Create custom post types and Advanced Custom Fields (ACF) to model all content structures. Build a React application from scratch or from a provided boilerplate. Implement client-side routing, page rendering, and data fetching from the WordPress API. Build a search function that queries the WordPress REST API with relevant filters. Ensure the React application is fully responsive across all device sizes and optimized for performance (lazy loading, code splitting, image optimization). Integrate the React frontend with WordPress for form submissions (e.g., contact forms) and user authentication.

Styling must use Tailwind CSS or a specified component library. The application must support either server-side rendering or static site generation via Next.js or Gatsby if required; otherwise, a client-side rendered SPA is acceptable. Implement proper error boundaries and fallback UIs for API failures. The frontend must pass Core Web Vitals standards (LCP under 2.5s, FID under 100ms, CLS under 0.1). The WordPress backend must include security hardening: disable XML-RPC, enforce strong passwords, limit login attempts, etc.