https://github.com/codestargm/wordpress-headless-blog-nextjs

A Headless Blog with Next.js + WordPress Rest Api
https://github.com/codestargm/wordpress-headless-blog-nextjs

blog cms headless headless-cms nextjs reactjs wordpress wordpress-development

Last synced: 2 months ago
JSON representation

A Headless Blog with Next.js + WordPress Rest Api

• Host: GitHub
• URL: https://github.com/codestargm/wordpress-headless-blog-nextjs
• Owner: CodeStarGM
• Created: 2025-05-15T07:19:56.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-15T19:52:33.000Z (about 1 year ago)
• Last Synced: 2025-05-15T20:33:36.591Z (about 1 year ago)
• Topics: blog, cms, headless, headless-cms, nextjs, reactjs, wordpress, wordpress-development
• Language: TypeScript
• Homepage: https://wordpress-headless-blog-nextjs.vercel.app/
• Size: 196 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 📰 NextPress – A Headless Blog with Next.js + WordPress

![NextPress](https://api.pikwy.com/web/682645809d4f48074f2920e3.png)

NextPress is a high-performance, headless blog built with **Next.js 14**, designed to deliver modern frontend capabilities while using **WordPress** purely as a backend CMS via its **REST API**. This separation of concerns gives you the flexibility of modern development practices with the familiarity of WordPress content management.

---

## 📸 Demo



Click Here To View Demo



## 🚀 Features

- ⚡️ Powered by **Next.js 14** – App Router, Streaming, and more

- 🧠 Uses **WordPress** as a headless CMS via its REST API

- 📰 Fully decoupled frontend and backend

- 📱 Responsive design optimized for all devices

- 🔍 SEO-friendly rendering strategies

- 🚀 **Super fast loading times** thanks to static generation and dynamic rendering

- 🔄 Manual and static content revalidation supported

- 💻 Developer-friendly project structure

---

## 🧑‍💻 Getting Started (Run Locally)

### 1. Clone the repository

```bash

git clone https://github.com/CodeStarGM/wordpress-headless-blog-nextjs.git

```

### 2. Add Environmental Variables

```bash

NEXT_PUBLIC_WORDPRESS_URL="https://public-api.wordpress.com/rest/v1.1/sites/[yourDomain].wordpress.com"

```