{"id":19099161,"url":"https://github.com/them-es/wordpress-react-boilerplate","last_synced_at":"2025-04-30T15:44:37.942Z","repository":{"id":91772021,"uuid":"191321105","full_name":"them-es/wordpress-react-boilerplate","owner":"them-es","description":"Headless WordPress boilerplate powered by React Bootstrap.","archived":false,"fork":false,"pushed_at":"2024-10-21T18:13:07.000Z","size":882,"stargazers_count":13,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-30T15:44:37.307Z","etag":null,"topics":["bootstrap","headless-cms","headless-wordpress","reactjs","wordpress","wp-api"],"latest_commit_sha":null,"homepage":"https://them.es","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/them-es.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-06-11T07:49:25.000Z","updated_at":"2025-04-29T16:11:19.000Z","dependencies_parsed_at":"2024-01-23T06:28:02.377Z","dependency_job_id":"0f9d469c-5848-436e-879e-1eab37f57f5d","html_url":"https://github.com/them-es/wordpress-react-boilerplate","commit_stats":null,"previous_names":["them-es/wordpress-react-boilerplate"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/them-es%2Fwordpress-react-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/them-es%2Fwordpress-react-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/them-es%2Fwordpress-react-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/them-es%2Fwordpress-react-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/them-es","download_url":"https://codeload.github.com/them-es/wordpress-react-boilerplate/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251733972,"owners_count":21635050,"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":["bootstrap","headless-cms","headless-wordpress","reactjs","wordpress","wp-api"],"created_at":"2024-11-09T03:48:50.188Z","updated_at":"2025-04-30T15:44:37.917Z","avatar_url":"https://github.com/them-es.png","language":"JavaScript","readme":"# React + WP-API\n### Headless WordPress.\n\nThis React boilerplate based on **create-react-app** and **React Bootstrap** helps you to create Single Page Applications powered by the WordPress API (WP-API).\n\n\n## What's included?\n\n* React Bootstrap Framework\n* React Router\n* WP REST API client\n* 1 menu\n* Parse content from API\n* Blog pagination: Load more posts dynamically\n* Autocomplete component\n* Easy setup via a JSON configuration\n\n\n## Setup\n\nThe version needs to be rebuilt after making changes to the code.\n\n1. Prerequisites: [Node.js](https://nodejs.org) (NPM) needs to be installed on your system. Furthermore a local web server **http://localhost** needs to be up and running.\n2. You need to have access to a WordPress website which supports the WP-API and where you've published some pages and posts\n    * e.g. `http://localhost/wordpress/wp-json`\n    * Pretty permalinks need to be enabled: https://wordpress.org/support/article/using-permalinks/#choosing-your-permalink-structure\n3. Download the source code of this repository to a new directory on your local webserver\n    * e.g. `http://localhost/wp-react-app/`\n4. Install all required dependencies\n    * `$ npm install`\n5. Modify **homepage** in **package.json** to match the url of the **build** version (this is the full path to the directory where the app gets built!)\n    * e.g. `http://localhost/wp-react-app/build`\n    * Router-Config: https://stackoverflow.com/a/48943753\n6. Modify **/src/_setup.json**\n    * **basename** needs to match the website base (If the website has no base simply add \"**/**\")\n    * **slug_home** needs to match the Homepage slug of the WordPress website\n    * **slug_posts** needs to match the Posts page slug of the WordPress website\n    * Make sure that all pages defined in **menu** have been published and are accessible. **path** needs to match the according page slug of the published page.\n7. Style your app\n    * `/src/App.scss`\n    * React Bootstrap documentation: https://react-bootstrap.github.io\n8. Create a build version\n    * `$ npm run build`\n9. Test your app\n    * e.g. `http://localhost/wp-react-app/`\n10. Going live\n    * Don't forget to edit `/public/favicon.json` and `/public/manifest.json` and rebuild the version before publishing the app on a live system.\n\n\n## Technology\n\n* [React](https://github.com/facebook/react), [MIT license](https://github.com/facebook/react/blob/master/LICENSE)\n* [React Bootstrap](https://github.com/react-bootstrap/react-bootstrap), [MIT license](https://github.com/react-bootstrap/react-bootstrap/blob/master/LICENSE)\n* [Bootstrap](https://github.com/twbs/bootstrap), [MIT license](https://github.com/twbs/bootstrap/blob/main/LICENSE)\n* [WordPress Block Library](https://github.com/WordPress/gutenberg/tree/master/packages/block-library), [GPLv2+ license](https://github.com/WordPress/gutenberg/blob/master/LICENSE.md)\n* [sass](https://github.com/sass/sass), [MIT license](https://github.com/sass/dart-sass/blob/main/LICENSE)\n* [node-wpapi](https://github.com/wp-api/node-wpapi), [MIT license](https://github.com/WP-API/node-wpapi/blob/master/LICENSE)\n\n\n## Copyright \u0026 License\n\nCode and Documentation \u0026copy; [them.es](https://them.es)\n\nCode released under [GPLv2+](https://www.gnu.org/licenses/gpl-2.0.html)","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthem-es%2Fwordpress-react-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthem-es%2Fwordpress-react-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthem-es%2Fwordpress-react-boilerplate/lists"}