Local Headless WordPress Development With NextJS

This application was generated with the WordPress example

yarn create next-app --example cms-wordpress cms-wordpress-app

Development

Start docker-based local development site with these plugins pre-installed:
- wp-graphql
- Headless Mode
- yarn wordpress
- http://localhost:4113/
Create .env
WORDPRESS_API_URL=http://localhost:4113/graphql
Install client
- yarn
Start client
- yarn dev

Beacuse the Headless Mode plugin is being used, all unauthenticated requests to the front-end of the WordPress site will be redirected to the client. The redirect URL is already configured for local dev. You will need to set one constant in production to match your deployed URL for the client, as documented here.

PHP Code

The directory "wordpress-plugin" is a plugin that will be activated. You can put PHP code there. This is a good place to register custom post types, mutations, etc.