Next.js + Sanity Page Builder
Ship Your Content-Driven Website — Fast
Production-ready React components paired with matching Sanity schemas and GROQ queries. Built for developers who want to move fast without sacrificing quality.
Powered by the modern web stack
Pricing
Everything is free. Yes, really.
Schema UI is open source and free to use. The pricing component below is just that — a component. A great example of what you can build. No plans, no tiers, no credit card.
Starter
- All page-builder components
- Sanity schemas + GROQ queries included
- Next.js 15 + Tailwind CSS + shadcn/ui
- Hosted Sanity Studio
- Content Agent & MCP ready
Everything you need to build and ship a production-ready marketing site.
Pro
- Everything in Starter
- Monorepo architecture
- Separate Next.js + Studio packages
- Timeline, Carousel, Pricing components
- Newsletter form + FAQ + Logo Cloud
- Near-perfect Lighthouse scores
All the advanced features — because we believe great tooling should be accessible to everyone.
i18n
- Multi-language content support
- Dedicated i18n repository
- Sanity i18n plugin integration
- Language switcher component
- Highly requested by the community
Full internationalization support — one of the most requested features. Being built as a dedicated repo for long-term maintainability.
Quick Start
Up and running in under 5 minutes
One CLI command initializes the full project — Next.js app, Sanity Studio, and sample content included.
Run the following command in your terminal to scaffold the full project:
npm create sanity@latest -- --template https://github.com/serge-0v/next-js-sanity-starter
Launch the local development server:
pnpm dev
Open the Next.js app at http://localhost:3000. Access Sanity Studio at http://localhost:3333. Sign in using the same account you used with the CLI (Google, GitHub, or email).
http://localhost:3000
Open the Studio running locally in your browser on
http://localhost:3333
You should now see a screen prompting you to log in to the Studio. Use the same service (Google, GitHub, or email) that you used when you logged in to the CLI.
Seed your dataset with demo content to explore the full template immediately:
npx sanity dataset import sample-data.tar.gz production --replace
Schema UI Starter
The Fastest Way to Build with Next.js + Sanity
A battle-tested starter template combining Next.js 15, Sanity CMS, shadcn/ui, and Tailwind CSS. Every component ships with its Sanity schema and GROQ query — no wiring required.
Why Schema UI
Everything you need to launch a marketing site
Stop building from scratch. Schema UI gives you a complete library of page-builder components — each with a ready-to-use Sanity schema, GROQ query, and React component.
Next.js 15
The React Framework for the Web
Trusted by the world's largest companies, Next.js gives you server components, streaming, and edge rendering out of the box — so your site is fast by default.
Sanity CMS
Treat content as a competitive advantage
Sanity's flexible content model, real-time collaboration, and powerful APIs let your team move at the speed of your ideas — without waiting on developers.
Built-in Features
Everything you need, nothing you don't
Schema UI ships with the features modern marketing sites demand — performance, SEO, accessibility, and a growing component library — all configured out of the box.
Near-instant page loads powered by Next.js static generation and a best-in-class tech stack:
Technical SEO configured from day one:
Exceptional performance metrics across the board. Remove animations for maximum scores:
New components and patterns added regularly. Current highlights include:
Grid
Flexible Grid Layouts
Display content in 2, 3, or 4 columns — each card supports an image, title, excerpt, and CTA link.
Next.js Sanity Starter
Clone the starter to get a full Next.js + Sanity project running in minutes — schemas, queries, and components included.
Docs & Components
Comprehensive documentation with live component previews, Sanity schemas, and copy-paste GROQ queries.
Templates
Explore ready-made templates and experiment with components.
Carousel
Image Carousel
A smooth, accessible image carousel with configurable sizes and slide indicators — dots, count, or none.
Timeline
Schema UI: The Story So Far
From a community experiment to a featured Sanity template — here's how Schema UI evolved.
Idea Validationv0.1
Validated the Schema UI concept within the developer community, focusing on a zero-config, copy-paste approach to Sanity components.
First Component Shipsv0.2
Launched the first Hero component — copy, paste, and it works. No configuration required.
Starter Template Releasedv0.5
Shipped the Next.js + Sanity starter template, making full project setup a one-minute process.
First Client Websitev1.0
Designed and built a custom client website using only Schema UI components — proving the rapid-development promise in production.
Featured on Sanity.iov1.1
Schema UI was featured as an official template on sanity.io — validating the approach for the broader Sanity community.
First Premium Templatev1.5
Launched the first premium template in collaboration with shadcnblocks.com — bringing Schema UI to a wider audience.
Monorepo & Hosted Studiov2.0
Restructured into a monorepo: Next.js app and Sanity Studio are now separate packages. Studio is deployed as a hosted Sanity deployment — making it instantly available to Content Agent and MCP out of the box, with no extra configuration.
Get Started Today
Launch your next project in minutes
Use our ready-made components, Sanity schemas, and GROQ queries to bootstrap your marketing site — no boilerplate, no wiring, just build.
FAQ
Frequently asked questions
Everything you need to know about Schema UI, how it works, and how to get started.
Stay in the loop
Get notified when new templates drop
Be the first to know about new Schema UI components, templates, and releases.
From the Blog
Learn from the Schema UI team
Practical guides on Next.js, Sanity CMS, and building fast, content-driven websites.
What is Headless CMS?
Headless CMS explained in 2 minutes by Simen Svale, CTO and Founder at Sanity
Why Sanity is the Ultimate CMS Choice
With unparalleled flexibility, real-time collaboration, and a powerful API-first approach, Sanity empowers businesses to streamline workflows and deliver seamless digital experiences across platforms.
Why Next.js is the Best Choice for Your Website
Next.js, a powerful React-based framework that's revolutionizing web development.
What people are saying
Loved by developers and teams
Alice Johnson
Software Engineer
This product has revolutionized my workflow. Highly recommended!
Bob Smith
Product Manager
Great features and intuitive design. There's room for minor improvements.
Carol Williams
UX Designer
The user experience is top-notch. It's a joy to use every day.
David Brown
Marketing Specialist
This tool has significantly boosted our team's productivity.
Eva Martinez
Startup Founder
Game-changer for our startup. We couldn't be happier with the results.
Frank Lee
Data Analyst
Powerful analytics capabilities. It's become an essential part of our toolkit.