Nuxion
Paid template
A component-driven Nuxt 4 + Sanity CMS starter for building fast, fully CMS-managed marketing sites — server-rendered on Vercel and Netlify, static generation when you host it yourself.
By Jason Reid
Nuxt 4 + Sanity CMS Starter
A component-driven Nuxt 4 + Sanity CMS starter for building fast, fully CMS-managed marketing sites — server-rendered on Vercel and Netlify, static generation when you host it yourself.
What's Inside
- Page builder with 20+ blocks — heroes, feature grids, testimonials, FAQs/accordions, CTA banners, stats, carousels, galleries with lightbox, forms, video embeds, and more. Editors compose pages in the Studio; every block is theme-aware.
- Full blog — posts with reusable author profiles, categories, tags, pagination, curated collections, and per-post layout overrides.
- SEO built in — per-page meta/OG/Twitter tags, canonical URLs, sitemap + robots, and JSON-LD structured data (Organization, WebPage, Article) driven from the CMS.
- CMS-managed redirects — editors create redirect documents in the Studio; they're applied as 301/302 route rules (and Apache rules on static hosts) at build time.
- CMS theming — colour themes and fonts are documents in Sanity, compiled to CSS variables at build time. Clients can rebrand without a deploy.
- GDPR cookie consent — banner/modal copy managed in the Studio, automatic script blocking by category, instant cookie revocation.
- Live draft preview — the Studio's preview pane and a standalone preview tab both stay current as you edit, with no page refresh. On Vercel/Netlify that's Sanity Presentation (click-to-edit overlays on the live site); self-hosted static builds get the same live behaviour through a small PHP relay Sanity's own webhooks push to, no server required.
- LLM-readable output — every page and post is also available as Markdown, indexed by
/llms.txt, so AI search surfaces can read your content as content. Written as files on a static build, served live on SSR. - Forms that work — form builder in the Studio, email via swappable providers (Web3Forms or first-party Resend endpoint), optional submission storage in Sanity, honeypot spam protection.
- Type-safe end to end — Sanity TypeGen generates types from your schemas; the component registry is compile-time checked, so a renamed schema fails
typecheck, not production. - Real developer experience — one-command setup, one-terminal dev (
dev:all), a component scaffolder, image blur-up placeholders, Vitest suite + e2e smoke test + GitHub Actions CI, pre-commit lint/format hooks.
Stack: Nuxt 4 · Sanity v6 · TailwindCSS v4 · shadcn-vue / Reka UI (hand-adapted Tailwind components) · Pinia · TypeScript