React WPGraphQL JWT Authentication with Apollo Client

Screenshots

Prerequisites

Install and active the following plugins in your WordPress backend:

1. WPGraphQL
2. WPGraphQL JWT Authentication

Note: Follow the instructions given by WPGraphQL author to avoid exceptional behaviors.

This project was bootstrapped with Create React App.

Run the project

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Change WordPress URL

Go to app.json file and change the siteUrl value to yours.

Covered features:

👉 Client side form validations
👉 Server side form validations
👉 WordPress Authentication (login) with WPGraphQL
👉 Apollo GraphQL Client for handling GraphQL mutation
👉 Protected route with React Router