No description
  • TypeScript 88.1%
  • CSS 11.2%
  • JavaScript 0.7%
Find a file
2025-03-10 09:23:45 +00:00
public Init 2024-12-23 10:34:30 +00:00
src Fix: Error: 'searchParams' is defined but never used. 2025-03-10 09:23:45 +00:00
.eslintrc.json Init 2024-12-23 10:34:30 +00:00
.gitattributes Initial commit 2024-12-23 10:33:41 +00:00
.gitignore Initial commit 2024-12-23 10:33:41 +00:00
LICENSE Initial commit 2024-12-23 10:33:41 +00:00
next-env.d.ts Init 2024-12-23 10:34:30 +00:00
next.config.ts Init 2024-12-23 10:34:30 +00:00
package-lock.json Init 2024-12-23 10:34:30 +00:00
package.json Init 2024-12-23 10:34:30 +00:00
postcss.config.mjs Init 2024-12-23 10:34:30 +00:00
README.md Update README.md 2024-12-23 10:45:07 +00:00
tailwind.config.ts Init 2024-12-23 10:34:30 +00:00
tsconfig.json Init 2024-12-23 10:34:30 +00:00

NextJs 15 Headless WordPress Blog - GraphQl

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

App Screenshot

Installation Instructions

  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

  1. 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.