SingleClickBlog — Faust.js + WordPress

Overview

A production headless WordPress setup combining Faust.js for the Next.js data-fetching layer with WPGraphQL on the WordPress side. graphql-codegen generates TypeScript types from the WPGraphQL schema at build time, eliminating a whole category of type errors. The Tiptap editor provides the authoring interface in the Next.js admin surface, posting back to WordPress via the REST API.

Tech

Next.js 14 with Faust.js handles routing and authentication handoff to WordPress. Apollo Client manages GraphQL data fetching and caching. Redux Toolkit stores client session state. graphql-codegen runs in CI to keep generated types in sync with the WordPress schema. Self-hosted WordPress runs on Coolify; the Next.js frontend deploys to Vercel.