{"id":15522460,"url":"https://github.com/imranhsayed/react-wordpress-theme","last_synced_at":"2025-08-23T15:20:05.424Z","repository":{"id":39162666,"uuid":"254840228","full_name":"imranhsayed/react-wordpress-theme","owner":"imranhsayed","description":":art:  A React theme for WordPress, using Decoupled Architecture. Front end in React. Backend in WordPress.","archived":false,"fork":false,"pushed_at":"2023-03-02T22:50:19.000Z","size":5097,"stargazers_count":69,"open_issues_count":24,"forks_count":14,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-03T12:06:30.357Z","etag":null,"topics":["react-theme","react-wordpress-theme","react-wordpress-themes","reactjs","rest","rest-api","wordpress","wordpress-theme"],"latest_commit_sha":null,"homepage":"","language":"CSS","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-04-11T10:07:09.000Z","updated_at":"2024-12-15T23:25:58.000Z","dependencies_parsed_at":"2024-10-02T10:41:21.309Z","dependency_job_id":"22567f9d-9025-480d-b985-cf855ec202e9","html_url":"https://github.com/imranhsayed/react-wordpress-theme","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/imranhsayed/react-wordpress-theme","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Freact-wordpress-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Freact-wordpress-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Freact-wordpress-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Freact-wordpress-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imranhsayed","download_url":"https://codeload.github.com/imranhsayed/react-wordpress-theme/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Freact-wordpress-theme/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271754354,"owners_count":24815185,"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","status":"online","status_checked_at":"2025-08-23T02:00:09.327Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["react-theme","react-wordpress-theme","react-wordpress-themes","reactjs","rest","rest-api","wordpress","wordpress-theme"],"created_at":"2024-10-02T10:41:13.702Z","updated_at":"2025-08-23T15:20:05.340Z","avatar_url":"https://github.com/imranhsayed.png","language":"CSS","readme":"# React WordPress Theme 🎨\n[![Project Status: WIP – Initial development is in progress.](https://www.repostatus.org/badges/latest/wip.svg)](https://www.repostatus.org/#wip) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n\nA React theme for WordPress, using Decoupled Architecture.\nFront end in React.\nBackend in WordPress.\n\n## Live Demo\n[Live Demo](https://react-wordpress-theme.netlify.app/)\n\n![](demos/home.png)\n\n## Performance\n![](demos/performance.png)\n\n## Maintainer\n\n| Name                                                   | Github Username |\n|--------------------------------------------------------|-----------------|\n| [Imran Sayed](mailto:codeytek.academy@gmail.com)       |  @imranhsayed   |\n\n## Usage\n\n1. Clone the WordPress plugin [Headless CMS](https://github.com/imranhsayed/headless-cms) in your WordPress\nplugin directory and activate it.\n\n2. The REST API endpoints, registers custom endpoints and also registers two menus. So please create two menus\n`Header Menu` and `Footer Menu` and select their respective menu location as `HCMS Header Menu` and `HCMS Footer Menu`\nas shown in the picture.\n\n- Set Header menu as `Travel Header Menu`\n\n![](demos/header-menu.png)\n\n- Set Footer menu as `Travel Footer Menu`\n![](demos/footer-menu.png)\n\n3. Set the siteURL and other settings in `client-config.js`.\n\n```javascript\nconst config = {\n\tsiteURL: 'xxxxxx', // e.g. 'https://wordpressSite.com' \n\theaderMenuLocation: 'hcms-menu-header', // Change this menu location name to another, if you would like a different menu to be used for header. \n\tfooterMenuLocation: 'hcms-menu-footer', // Change this menu location name to another, if you would like a different menu to be used for footer.\n\tsiteTitle: 'React WordPress Theme', // Will be used if we don't set site title from WordPress customizer.\n\tsiteDescription: 'Awesome theme', // Will be used if we don't set site description from WordPress customizer.\n};\n```\n\nMore settings can be found in `client-config.js`\n\n## Development\n\n**Install**\n\nClone the repo and run\n\n```bash\nnpm install\n```\n\n**During development**\n\nStarts webpack dev server at `localhost:8080`\n\n```bash\nnpm run dev\n```\n\n**Production**\n\nCreates an `index.html` and JavaScript file in `build` directory.\n\n```bash\nnpm run prod\n```\n\n**Client Config**\nPut your site URL name in the `client-config.js`;\nconst siteUrl = 'https://yourWordPressSite.com';\n\n**Linting \u0026 Formatting**\n\nThe following command will fix most errors and show and remaining ones which cannot be fixed automatically.\n\n```bash\nnpm run eslint:fix\n```\n\nWe follow the stylelint configuration used in WordPress Gutenberg, run the following command to lint and fix styles.\n\n```bash\nnpm run stylelint:fix\n```\n\nFormat code with prettier\n\n```bash\nnpm run format-js\n```\n\nRun test\n\n```bash\nnpm run test\n```\n\nUpdate test\n\n```bash\nnpm run test:update\n```\n\n**precommit**\n\nYou should run precommit to check for any eslint, stylint errors/warnings and to ensure all tests are passing before making a PR ready for review.\n\n```bash\nnpm run precommit\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimranhsayed%2Freact-wordpress-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimranhsayed%2Freact-wordpress-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimranhsayed%2Freact-wordpress-theme/lists"}