Awesome WordPress Headless

       

A curated list of resources, tools, frameworks, and guides for building headless WordPress websites.

Headless WordPress separates the WordPress backend (content management) from the frontend presentation layer. This approach allows developers to use modern frameworks (React, Vue, Svelte, etc.) while leveraging WordPress as a CMS via REST or GraphQL APIs.

Contents

• Overview
• API Access
• Frontend Frameworks
• Starters & Boilerplates
• Deployment Platforms
• Headless Hosting
• Authentication
• Plugins & Tools
• Tutorials & Guides
• Examples & Case Studies
• Related Lists

Overview

• What is Headless WordPress?
• Decoupled WordPress Explained
• REST API Handbook
• GraphQL with WPGraphQL

API Access

• WordPress REST API – Native API for accessing content and data.
• WPGraphQL – GraphQL server for WordPress.
• WPGraphQL JWT Authentication – JWT authentication for GraphQL.

Frontend Frameworks

• Next.js – Great for static or SSR frontends with WordPress data.
• Nuxt – Vue.js framework for building fast websites.
• Gatsby – React-based static site generator with WordPress integration.
• SvelteKit – Modern, fast, and lightweight.
• Astro – A performant, modern way to use WordPress data in any frontend.

Starters & Boilerplates

• Next.js + WPGraphQL Starter
• Gatsby Starter WordPress Blog
• WPGraphQL + Next.js Example

Deployment Platforms

• Vercel – Ideal for Next.js, supports edge rendering and API routes.
• Netlify – Great for static builds (e.g. Gatsby).
• Cloudflare Pages – Fast, global, and Git-integrated.

Headless Hosting

• WordPress VIP – Enterprise-grade headless WordPress hosting.
• Strattic – Static site generator and deployment platform for WordPress.
• WPEngine Atlas – Managed headless WordPress solution.

Authentication

• JWT Authentication for WP REST API
• OAuth2 for WordPress
• GraphQL Auth Plugin

Plugins & Tools

• WPGraphQL
• WPGraphQL for ACF
• WPGraphQL for Yoast SEO
• WPGraphQL for WooCommerce
• WPGraphQL Gutenberg

Tutorials & Guides

• How to Use WordPress as a Headless CMS with Next.js
• Gatsby + WordPress Source Plugin Guide
• Complete Guide to WPGraphQL
• WPEngine Headless Docs

Examples & Case Studies

• JAMstack.org – Headless WordPress Example
• Smashing Magazine Case Study
• Faust.js Example Site

Related Lists

• Awesome WordPress
• Awesome JAMstack
• Awesome Headless CMS
• Awesome Static Website Services

Contribute

Contributions are welcome!

License