Headless WordPress blog with Next.js 15 App Router and TypeScript

1. Create a .env file
   In the root directory of your project, create a new .env file.

2. Add the following environment variable:

   WORDPRESS_URL="https://yourwebsite.com"
   

3. Install the official WordPress GraphQl Plugin:
   Official GraphQl Plugin

4. Install the project: In the root directory of your project, run the following command:

npm install

5. Run the project locally In the root directory of your project, run the following command:

npm run dev

Now you should be able to visit your project under: localhost:3000

Watch the full YouTube tutorial

Visit My Website

That's all.