loq24 / wp-react-typescript

:boom: A React starter app with Headless Wordpress using REST API

WP React Typescript

A React starter app with Headless Wordpress using REST API

What's included?

• A Wordpress backend that's been preconfigured to support authentication using wp-api-jwt-auth plugin
• Other plugins which expose Custom Fields and WP Menus data via REST API. Which are acf-to-wp-api and wp-rest-api-v2-menus
• A pro version of ACF plugin
• A sample, starter React app that uses Typescript & react-redux

Demo

🌜 Now with Dark mode! https://wp-react-ts.lougiequisel.com/signin

Installation

In order to run this App in your local machine, run the commands below. Make sure yarn or npm is already installed in your computer.

git clone https://github.com/loq24/wp-react-typescript
cd wp-react-typescript
yarn install OR npm install
yarn start OR npm start

The app will open in http://localhost:3000/

Setting up the included Wordpress backend

1. Everything is preconfigured except for the database. Replace the database credentials in wp-config.php
2. Activate the plugins that are included in the WP backend
3. Replace the API configuration found in your /src/constants/index.ts file. Make sure to replace the baseUri value with your WP API's url.

This app is also fully tested. To check the test status run:

yarn test OR npm test

License

MIT

wp-react-typescript's Issues

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined
at validateString (internal/validators.js:124:11)
at Object.join (path.js:375:7)
at noopServiceWorkerMiddleware (D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\react-dev-utils\noopServiceWorkerMiddleware.js:14:26)
at Layer.handle [as handle_request] (D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\express\lib\router\layer.js:95:5)
at trim_prefix (D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\express\lib\router\index.js:317:13)
at D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\express\lib\router\index.js:284:7
at Function.process_params (D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\express\lib\router\index.js:335:12)
at next (D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\express\lib\router\index.js:275:10)
at launchEditorMiddleware (D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\react-dev-utils\errorOverlayMiddleware.js:20:7)
at Layer.handle [as handle_request] (D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\express\lib\router\layer.js:95:5)
at trim_prefix (D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\express\lib\router\index.js:317:13)
at D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\express\lib\router\index.js:284:7
at Function.process_params (D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\express\lib\router\index.js:335:12)
at next (D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\express\lib\router\index.js:275:10)
at handleWebpackInternalMiddleware (D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\react-dev-utils\evalSourceMapMiddleware.js:42:7)
at Layer.handle [as handle_request] (D:\Starterkits Boilerplates\Wordpress\new\wp-react-typescript-master\node_modules\express\lib\router\layer.js:95:5)