The Premium Sanity Template Built with shadcnblocks
A production-ready page builder template powered by Sanity Live, Next.js 16, 80+ shadcnblocks components and 8 Demo pages. Edit content in real time, deploy in minutes, and scale without limits.
Built with shadcn/ui, Next.js, Sanity & Tailwind
Trusted technologies powering every project
Everything you need to ship a world-class website
Sanityblocks combines the best of Sanity's structured content, Next.js performance, and shadcn/ui's design system — giving you a complete, production-ready foundation from day one.
Premium Components
Access 80+ shadcn/ui blocks and components, hand-crafted for quality and ready to drop into any page.
Real-Time Editing
Powered by Sanity Live — content updates appear instantly in the browser without a page reload.
Content Agent & MCP
First-class support for Sanity Content Agent and MCP, so AI can read, write, and manage your content directly.
Production Ready
Deployed via GitHub Actions with a hosted Sanity Studio, Next.js 16 with Vercel, and TypeScript (using Sanity Typegen) out of the box.
Features
A page builder that works the way you think
What's included
Page Builder
Compose pages from a library of blocks — hero, features, timeline, compare, FAQ, and more.
Sanity Live
Real-time content updates with zero configuration. Changes reflect instantly across your site.
Customizable Blocks
Every block supports padding, layout variants, and style options — all editable from Sanity Studio.
Blog with ToC
A full blog system with Table of Contents and scroll-highlight for active sections.
Banner System
Dismissible site-wide banners with localStorage persistence. Updating the banner resets it for all users.
SEO & Meta
Per-page meta fields for title, description, and Open Graph — managed entirely from Sanity.
Redirects & Rewrites
Configure redirects and rewrites directly in Sanity Settings. Applied at build time via next.config.mjs.
How it works
From setup to launch in four steps
Take control of your workflow step-by-step with smart tools, actionable insights, and seamless collaboration
Clone & Configure
Clone the repo, connect your Sanity project, and configure your environment variables. You're ready to run locally in minutes.
Clone & Configure
Clone the repo, connect your Sanity project, and configure your environment variables. You're ready to run locally in minutes.
Build Your Pages
Use the Sanity Studio page builder to compose pages from blocks. Add a hero, features, timeline, FAQ — in any order.
Build Your Pages
Use the Sanity Studio page builder to compose pages from blocks. Add a hero, features, timeline, FAQ — in any order.
Customize & Brand
Adjust colors, typography, and block layouts to match your brand. Every block is built with Tailwind and fully customizable.
Customize & Brand
Adjust colors, typography, and block layouts to match your brand. Every block is built with Tailwind and fully customizable.
Deploy & Go Live
Push to GitHub to deploy your Next.js site to Vercel — the included GitHub Action also deploys Sanity Studio as a hosted Sanity app automatically.
Deploy & Go Live
Push to GitHub to deploy your Next.js site to Vercel — the included GitHub Action also deploys Sanity Studio as a hosted Sanity app automatically.
Compare
How Sanityblocks stacks up
| Template Comparison | Sanityblocks |
|---|---|
| Setup time | Under 30 minutes |
| Content editing | Real-time with Sanity Live |
| AI / MCP support | Built-in (Content Agent) |
| Maintenance | Managed & versioned |
| Customization | Fully customizable |
| Scalability | Unlimited |