WP NEXT

The Headless WordPress
Framework for the Web

WordPress powers over 40% of the web with the world's best editing experience. Next.js delivers your content as high-quality, lightning-fast web applications with the power of React Server Components.

$ npx create-next-app -e headless-wp

【项目核心】Built on the world's most flexible content stack

WordPress →

The world's most popular CMS. Decoupled via REST API and WPGraphQL, giving your editors a familiar interface and your developers a clean data layer.

Next.js →

The React framework for production-grade web apps. App Router, Server Components and streaming make every page render at the edge with zero client-side overhead.

Vercel →

Deploy globally with preview environments, edge network, built-in analytics and instant rollbacks. Zero configuration, production-grade by default.

【案例】Explore sites built with Headless WordPress + Next.js

TechCrunch

Publishing

PlayStation

Ecommerce

The New Yorker

Media

【博客】The latest Headless WordPress news

28 Oct 2026

Ship less JavaScript with Server Components and WPGraphQL

Query WordPress at request time, stream your HTML, and keep the client bundle near zero. A practical guide to the new App Router patterns.

Will Binns-Smith
16 Oct 2026

Partial Prefetching for Headless CMS navigation

How we used Partial Prefetching and a coding agent to make navigating a 50,000-page WordPress site feel instant across every region.

Aurora Scharff
Security updates
3 Nov 2026
November 2026 Security Release
27 Oct 2026
WPGraphQL 2.0 Security Advisory
14 Oct 2026
Next.js Upstream Vulnerability Patch
View all security updates →

【模板】Headless WordPress
starters and themes

Discover production-ready starters combining WordPress, WPGraphQL and Next.js to jumpstart your build.

▲ WP + Next

Blog Starter Kit

Headless Blog Starter

Full blog with categories, authors and ISR — powered by WPGraphQL.

WooCommerce + Next.js Storefront

Product catalog, cart and checkout using WooCommerce Store API and Next.js.

Docs Starter with WordPress

Markdown-powered docs layout that pulls content from WordPress REST API.

【项目组合】Clone Starter

WordPress + WPGraphQL

The canonical headless WordPress starter — REST endpoints optional, GraphQL by default.

WordPress REST API Starter

A minimal starter using the WordPress REST API and Next.js App Router.

WooCommerce Storefront

Sell with WooCommerce and render everything through Next.js Server Components.

ACF + Next.js Starter

Custom fields with Advanced Custom Fields, typed end-to-end with TypeScript.

Build editorial agents on infrastructure that thinks like them

New AI editor chat
What should we publish today?
文 Draft a post from my outline
ⓠ Analyze comments for insights
☑ Schedule the editorial calendar

Publishers use agents on Vercel to write, review, and ship WordPress content daily.

Features
Durable Orchestration
Sandboxed Environments
AI Model Gateway
Fluid Compute

Zapier serves over 100 million monthly website visits on Vercel + WordPress.

Features
Global Delivery
Deployment Environments
Serverless Functions
Web Application Firewall

【SEO优化】Ship content that scales from zero to millions instantly

【安全支付】Host platforms that serve every reader

Mintlify powers documentation for over 20,000 teams using Headless WordPress on Vercel.

Features
Tenant Isolation
Domain Management
Custom SSL Certificates
Preview URLs

【推荐】Trusted by the best editorial and product teams

Siteground
Hostingers
Yoast
Microsoft
Rolling Stone
Meta

Theme Showcase

Ready-made themes for Headless WordPress marketing sites, SaaS, docs and blogs.

Marketing Theme

Landing page theme with hero, feature blocks and CTA — wired to WordPress pages.

Editorial Dashboard

Admin dashboard with charts, editorial calendar and publish controls.

Documentation Theme

Sidebar docs layout with search and version support, synced to WordPress.

Everything you need to ship Headless WordPress

From content modeling to global edge delivery — the full stack is production-ready out of the box.

WPGraphQL

Typed GraphQL schema for posts, pages, menus, ACF fields and custom post types.

Server Components

Render WordPress content on the server — zero client-side JavaScript for static pages.

ISR & On-Demand Revalidation

Rebuild only the pages that changed when an editor hits publish in WordPress.

Image, Font & Script Optimizations

Automatic optimization of WordPress media, Google Fonts and third-party embeds.

Edge & Runtime

Serve cached WordPress responses from the edge, close to every reader worldwide.

Vercel Deployment

One-click deploy, preview branches per pull request, global edge network by default.

Case Studies

How production teams ship Headless WordPress on Next.js and Vercel.

TechCrunch

12,000 posts migrated in a weekend

Moved from monolith WordPress to Headless + Next.js, improved LCP by 62%.

PlayStation

Global storefront with WooCommerce

Headless WooCommerce across 40 regions, powered by Next.js Server Components.

The New Yorker

Instant archives, zero wait

On-demand ISR rebuilds only changed pages — 99.99% uptime during breaking news.

Built with the Web in mind

Standard web APIs. No lock-in. Deploy anywhere, but best on Vercel.

  • ✓ WordPress REST API & WPGraphQL
  • ✓ Incremental Static Regeneration
  • ✓ Streaming & Suspense
// app/posts/[slug]/page.tsx
export default async function Post({ params }) {
  const post = await fetch(
    `${'{WP_URL}'}/wp-json/wp/v2/posts?slug=${'{params.slug}'}`,
    { next: { revalidate: 60 } }
  ).then(r => r.json());

  return (
    <article>
      <h1>{post[0].title.rendered}</h1>
      <div dangerouslySetInnerHTML={{ __html: post[0].content.rendered }} />
    </article>
  )
}

【服务价格】Scale your app,
control your costs

Hobby
$0 /mo.

The perfect starting place for your headless site or personal project.

  • ⟳ Import your repo, deploy in seconds
  • ♾️ Automatic CI/CD
  • ▦ Web Application Firewall
  • ▤ Global, automated CDN
  • ⚙ Fluid compute
  • 🛡 DDoS Mitigation
  • ∿ Traffic & performance insights
Popular
Pro
$20 /mo.

Everything you need to build and scale your headless site.

All Hobby features, plus:

  • 🪙 $20 of included usage credit
  • 🌐 Flat Rate CDN with traffic spike protection
  • 💲 Advanced spend management
  • 👥 Team collaboration & free viewer seats
  • 🧊 Cold start prevention
  • 📇 Free custom domain
Enterprise
Custom

Critical security, performance, observability, platform SLAs, and support.

All Pro features, plus:

  • 👤 Guest & Team access controls
  • 🗄 SCIM & Directory Sync
  • 🎛 Managed WAF Rulesets
  • 🌍 Multi-region compute & failover
  • ⏱ 99.99% SLA
  • 🔧 Advanced Support

All prices shown are in USD and exclude value-added tax (VAT), goods and services tax (GST), and other applicable taxes.
Taxes are calculated based on your billing address and added to your invoice where required by law. Learn more about taxes.

Powered by our agentic infrastructure

Industry-leading primitives deliver frontier capabilities with peak performance.

AI Gateway. One API for 400+ models

with better availability, cost, and latency.

Read the docs
✓ wp-config.php
✓ next.config.ts
✓ app/layout.tsx
>_ Execute
✓ pnpm install
>_ Execute
✓ pnpm run dev
>_ Get Preview URL
✓ https://wpnext-git-main.vercel.app

Vercel Sandbox.

Run untrusted code or an entire agent harness in secure microVMs; Drives provide persistent storage across Sandbox runs.

Learn more
wp-content/ ⌄
📄 functions.php
🟦 wp-graphql.php
📁 themes/
🕒 headless.md
$ wp serve

eve.

Open source framework to build agents in minutes.

Read the docs

Build with the
AI SDK today

A unified TypeScript SDK for building AI apps with modern streaming, multi-model, and provider-agnostic capabilities — perfect for editorial copilots.

$ npm i ai

Publish once
from WordPress

Connect the WordPress your editors already use and build with Next.js. Serve each entry as HTML for visitors and Markdown for agents.

yourbrand.com/spring
For humans · text/html
The spring collection is here
Shop now Watch the film
For agents · text/markdown
GET /spring
Accept: text/markdown

# The spring collection is here
- [Shop now](/spring/shop)
- [Watch the film](/spring/film)
yourbrand-git-spring-collection.vercel.app

The spring collection is here

Shop now Watch the film
👤 Can we fit four products per row? Resolved
Your agent
✓ address preview comments
✓ Read 1 comment
✓ Set the grid to 4 columns
✓ Updated the branch

Preview every change

Every GitHub pull request creates a shareable preview where your team can comment, and agents can review feedback and push fixes.

TechCrunch
How TechCrunch migrated 12,000 posts to Headless WordPress
TechCrunch
PUBLISHING
PlayStation
Headless WooCommerce across 40 regions with Next.js Server Components
PlayStation
ECOMMERCE
The New Yorker
On-demand ISR keeps the archive instantly in sync with WordPress
The New Yorker
MEDIA
Microsoft
How Microsoft delivers localized newsroom pages from a single WordPress install
Microsoft
CORPORATE
Rolling Stone
Real-time charts, archives and comments, all fed by WPGraphQL
Rolling Stone
MEDIA
Meta
Engineering blog for millions of readers, powered by Next.js and WordPress
META
TECHNOLOGY

【迁移/其他项目】Marketplace

Search
Storage
aws
【Shopify】Amazon RDS

Serverless, reliable, secure PostgreSQL for your WordPress database.

Storage
【Opencart】Prisma Postgres

Serverless database built for high-performance Headless WordPress.

Commerce
S $59
shop
【Opencart】opencart

Bring commerce to your WordPress content with Shopify Buy Button.

Email
@
【Astro】Email Delivery

Deliver transactional emails to your WordPress subscribers.

Deploy your Headless WordPress on Vercel

The platform for frontend developers. Preview deployments, global edge network, built-in analytics.