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.