Act and Shadow

Test and reference implementation for Next.js headless WordPress

Features

  • ✅ Next.js 16 with App Router
  • ✅ TypeScript
  • ✅ Tailwind CSS
  • ✅ WordPress REST API integration
  • ✅ WordPress GraphQL support
  • ✅ Dynamic routing for posts & pages
  • ✅ ISR (Incremental Static Regeneration)
  • ✅ SEO optimized with Yoast support

Getting Started

  1. Configure WordPress CMS URL
  2. Set environment variables
  3. Run npm install
  4. Run npm run dev
  5. Visit dynamic routes like /your-post-slug

Environment Variables

Create a .env.local file with:

API_URL=https://cms.actandshadow.com/wp-json/v1
CMS_URL=https://cms.actandshadow.com
HOST_URL=https://actandshadow.com