{"id":15522421,"url":"https://github.com/imranhsayed/nextjs-wordpress-theme","last_synced_at":"2025-06-27T08:35:41.216Z","repository":{"id":97032812,"uuid":"293205394","full_name":"imranhsayed/nextjs-wordpress-theme","owner":"imranhsayed","description":"🎨  A Next.js WordPress theme that uses React in the front-end and WordPress in the backend - decoupled","archived":false,"fork":false,"pushed_at":"2020-09-12T06:10:17.000Z","size":2372,"stargazers_count":33,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-29T22:01:34.823Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imranhsayed.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-09-06T04:48:50.000Z","updated_at":"2024-12-11T02:11:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"d19028e7-a476-4dae-b34e-27dc51d4c54f","html_url":"https://github.com/imranhsayed/nextjs-wordpress-theme","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Fnextjs-wordpress-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Fnextjs-wordpress-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Fnextjs-wordpress-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Fnextjs-wordpress-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imranhsayed","download_url":"https://codeload.github.com/imranhsayed/nextjs-wordpress-theme/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249319594,"owners_count":21250578,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-02T10:41:01.920Z","updated_at":"2025-04-17T06:31:05.410Z","avatar_url":"https://github.com/imranhsayed.png","language":"JavaScript","readme":"## 🎨 Next.js WordPress theme - Celestia\n[![Project Status: Active.](https://www.repostatus.org/badges/latest/active.svg)](https://www.repostatus.org/#active)\n![Stars](https://img.shields.io/github/stars/imranhsayed/nextjs-wordpress-theme?label=%E2%AD%90%20Stars)\n![Forks](https://img.shields.io/github/forks/imranhsayed/nextjs-wordpress-theme?color=%23ff69b4)\n![Contributors](https://img.shields.io/github/contributors/imranhsayed/nextjs-wordpress-theme?color=blue)\n![Follow](https://img.shields.io/github/followers/imranhsayed?label=Please%20follow%20%20to%20support%20my%20work%20%F0%9F%99%8F\u0026style=social)\n\n- A React theme for WordPress, using Decoupled Architecture in Next.js\n- Front end in React\n- Backend in WordPress.\n\n### Evironment vars. \nrename .env-example to .env and add your WordPress Site URL\n\n### WordPress Setup\n* Download, Upload and activate all the plugins from wordpress/plugins folder of this repo, into your WordPress Site.\n\n1. [wp-graphql](https://github.com/imranhsayed/nextjs-wordpress-theme/blob/master/wordpress/plugins/wp-graphql.zip) - tested on ( v1.0.0 )\n2. [Headless CMS](https://github.com/imranhsayed/nextjs-wordpress-theme/blob/master/wordpress/plugins/headless-cms.zip)\n3. [WP GraphQL Gutenberg](https://github.com/imranhsayed/nextjs-wordpress-theme/blob/master/wordpress/plugins/wp-graphql-gutenberg-0.3.4.zip)\n\n# Development\n\n```shell script\nnpm run dev # Runs next dev which starts Next.js in development mode\nnpm run build # Runs next build which builds the application for production usage\nnpm run start # Runs next start which starts a Next.js production server\n```\n\n# [Cypress Tests](https://docs.cypress.io/)\n\nTo run cypress locally we run `cypress-open`\nIt adds a `cypress` directory and some example test in `cypress/integrations`\n\n```shell script\nnpm run cypress:open\n```\n\n* Cypress docs\n1. [API](https://docs.cypress.io/api/api/table-of-contents.html)\n\n## Debugging with Node.js debugger tool. \nNotice that we have added this in `package.json`\n```shell script\n\"dev\": \"NODE_OPTIONS='--inspect' next\",\n```\nwhen you run `npm run dev`, you will see a node js icon in the Chrome inspector tab and there will also be a url to access it on the terminal\nthat says `Debugger listeing on ...`\n\n## Important concepts\n\n1. [Prerendering](https://nextjs.org/docs/basic-features/pages#pre-rendering)\n2. Querying blocks:\n[WP GraphQL Gutenberg](https://github.com/imranhsayed/nextjs-wordpress-theme/blob/master/wordpress/plugins/wp-graphql-gutenberg-0.3.4.zip) allows you to query Gutenberg blocks.\nIf you want to break down the blocks and render the content using individual React components, here is the query example.\n\n```shell script\n{\n  posts {\n    nodes {\n      title\n      blocks {\n        name\n        innerBlocks {\n          name\n          saveContent\n        }\n        saveContent\n      }\n    }\n  }\n}\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimranhsayed%2Fnextjs-wordpress-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimranhsayed%2Fnextjs-wordpress-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimranhsayed%2Fnextjs-wordpress-theme/lists"}