Next.js + Headless WordPress + TailwindCSS Starter

Basic styling with TailwindCSS. Design based on NextJS official CMS examples. Source from a WordPress GraphQL endpoint.

Features

Categories with sub categories
Posts
Tags
Pages with nested pages
Replaces internal links with 'next/link'
Replaces 'inline images' with 'next/image'
Off Canvas menu
Gutenberg blocks CSS (not tested)

WordPress Plugins

Setup

Clone repository
Copy .env-example and rename to .env, configure
Additional options in /src/config/index.js
Run npm install
Run npm dev

TODO

Custom Gutenberg blocks
Elementor.. ?
Match WP theme.. ?