| Step | Owner | Health | Latency | Why it matters |
|---|---|---|---|---|
| Editor publishes a case study in WordPress | Content team | healthy | 0ms | Publishing starts in the familiar CMS, not in the frontend repo. |
| WPGraphQL exposes route, SEO fields, and component payload | CMS schema layer | healthy | 140ms | Structured fields stay consistent enough for frontend consumption and indexing. |
| Nuxt maps content type to Vue route component | Frontend delivery | watch | 96ms | The mapping layer is powerful, but weak contracts here become broken routes or half-rendered pages. |
| Preview token unlocks draft rendering | Preview bridge | watch | 220ms | Preview auth and cache bypass have to be precise or editors lose trust in the stack. |
| Edge caches public route and preserves canonical metadata | Platform delivery | healthy | 44ms | The final output needs to stay fast enough for search and stable enough for campaigns. |
Headless WP Vue Starter
Decoupled WordPress delivery modeling typed schema route-mapping contracts, secure draft preview token bridges, and edge CDN cache posture guidelines.
From draft trigger to public route delivery.
This route shows where content, preview auth, schema mapping, and edge caching have to cooperate if a headless program wants both editorial trust and campaign-grade speed.
Headless WordPress only works when editorial trust, schema control, and launch speed stay connected.
This starter is not a generic Nuxt demo. It models the operating layer a SaaS, media, or B2B growth team needs when WordPress remains the editorial source of truth while Vue/Nuxt owns route performance, preview fidelity, structured data, and release-safe delivery.
Protect launch velocity
Campaign, pricing, SEO, and content teams can ship without waiting on fragile CMS/frontend handoffs or discovering preview mismatches after stakeholder review.
Reduce migration waste
Clarifies which work belongs in WordPress, GraphQL contracts, Nuxt routes, preview auth, and edge cache rules before a headless rebuild becomes a custom-maintenance tax.
Make the contract explicit
Keeps content types, route templates, preview tokens, cache posture, schema mapping, and starter files visible as concrete implementation artifacts.
Explain the operating model
Shows leaders why the decoupled build is faster, safer, and easier to govern than a vague CMS modernization promise.
Every Kinetic Gain surface turns a brittle operating lane into reusable decision evidence.
This repo follows the suite pattern: define the messy handoff, expose the ownership model, attach proof artifacts, render a public surface, and provide machine-readable JSON so non-technical buyers and technical reviewers can inspect the same system story.