A modern GraphQL-powered React.js CMS using WordPress + WPGraphQL as the backend. Dynamic a HTML theme to react theme and for dynamic it's pages we used wpgraphql plugin which uses graphql as quqery language and wordpress cms underthehood.

A demo video is included in the repository for previewing the project functionality.

Zoofari converts a static HTML theme into a dynamic React.js theme, powered by:

• WordPress as a headless CMS
• WPGraphQL as the API layer
• React.js as the frontend rendering engine

All dynamic pages, content, and media are fetched using GraphQL queries instead of traditional REST APIs.

WPGraphQL is one of the most flexible approaches for building React-powered CMS websites in 2026 and beyond.

With GraphQL:

• You query only the exact fields you need
• The client controls the data
• No over-fetching or under-fetching
• Better performance and predictable API responses

Learn more → https://www.wpgraphql.com/docs/introduction

WPGraphQL Plugin:
https://wordpress.org/plugins/wp-graphql/

• Fully headless WordPress CMS
• GraphQL-powered API
• React.js-based frontend
• Supports pages, posts, and custom post types
• Fast and efficient data fetching
• Supports WordPress login + JWT authentication
• Completely free & open source

Yes! It’s completely free and open source.

Because WPGraphQL allows you to query exactly what you want.
If you request only 5 fields, you get only 5 fields — nothing extra.

Yes.
It supports:

• Standard WordPress username/password authentication
• JWT-based authentication (optional)

Install WordPress locally or on a web server.

1. Install plugin:
   All-in-One WP Migration and Backup – By ServMask
2. Import the .wppress file included in this repo.
3. Update permalinks after import. [Note: USERNAME: admin, PASSWORD: admin]

Go to:
WP Admin → Settings → Permalinks → Save
WP Admin → GraphQL → Settings → Save

npm install
npm run dev