loq24 / wp-react-typescript

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