Next.js + Sanity Page Builder
Your Content-Driven Website
Build dynamic pages faster, empowering both developers and content teams. Get production-ready React components with matching Sanity schemas and GROQ queries.
Built with modern tech stack
Getting Started
Installing the template
Follow these simple steps to install the template locally with command line
Run the command in your Terminal to initialize this template on your local computer:
npm create sanity@latest -- --template https://github.com/serge-0v/next-js-sanity-starter
Start the development server:
pnpm dev
- Open the Next.js app at http://localhost:3000
- Open the Studio running locally in your browser on http://localhost:3000/studio. 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.
Import the demo dataset to get started with sample content:
npx sanity dataset import sample-data.tar.gz production --replace
Next.js Sanity CMS Starter
Next.js 15 + Sanity CMS Starter by Schema UI
A robust starter template built with Next.js 15 and Sanity CMS, designed to seamlessly integrate with Schema UI components. Perfect for developers looking to streamline their project setup and build efficient, high-quality websites.
Launch Fast
Launch your marketing site in minutes
With our tailored library of ready to use components, schemas and queries for Sanity CMS, quickly bootstrap your Sanity Admin page in minutes.
Next.js
The React Framework for the Web
Used by some of the world's largest companies, Next.js enables you to create high-quality web applications with the power of React components.
Sanity CMSs
Make content your competitive advantage
Expect more from your CMS: Treat content as data—actionable, scalable, and ready to drive your business forward with Sanity Content Operating System.
Features
Get Ready to Build Advanced Web Applications
Schema UI is a comprehensive template offering an extensive array of cutting-edge features for modern web development.
Experience near-instantaneous page loads powered by our state-of-the-art tech stack:
Technical SEO implemented out of the box:
Achieve exceptional performance metrics, with slight variations depending on the initial page element. For optimal results, consider removing animations.
Schema UI is continuously evolving, with new components and features added regularly. Current offerings include:
Grid
Grid Component
Easily add 2, 3, or 4 columns grid with Image, Title and Excerpt
Next.js Sanity Starter
Clone our Next.js Sanity CMS Starter to kickstart your website build
Docs & Components
Docs with beautifully crafted Ul components, supercharged with Sanity schemas and queries.
Playground
See all our components in action. We have a special page hooked up to Sanity CMS for you to test.
Carousel
Carousel Component
A carousel component with images, sizes and slider indicators
Timeline
Timeline Component
Timeline component with title, tag line, Portable Text and Motion.
Idea Validationv0.1
Validated SchemaUI concept within community, focusing on simple copy/paste implementation
First Hero Componentv0.2
Launched first component with zero-config setup - just copy, paste, and it works
Starter Template Releasev0.5
Released Next.js with Sanity starter template, making SchemaUI integration a 1-minute process
Custom Website Launchv1.0
Designed and built custom website for first customer using only copy/paste components, proving SchemaUI's rapid development capability
Component Library Growthtbd
Expanded to 20 ready-to-use components, each installable with a simple copy/paste
Community Recognitiontbd
SchemaUI went viral for its refreshingly simple approach - no complex setup, just copy and paste
Basic CTA
Launch Fast
With our tailored library of ready to use components, schemas and queries for Sanity CMS, quickly bootstrap your Sanity Admin page in minutes.
Pricing
Scale your design system with confidence
Choose a plan that matches your component needs - from individual designers to enterprise design systems that power thousands of products.
Developer
- 15 premium components
- Single repository access
- Basic component analytics
- Community support (72h response)
Essential components for individual
Team
- 50 premium components
- Up to 5 repositories
- Component usage analytics
- Priority support (36h response)
- Component sync automation
Ideal for growing design systems and product teams
Organization
- Unlimited premium components
- Unlimited repositories
- Advanced usage analytics
- Dedicated support (2h response)
- Multi-repo sync automation
Complete design system infrastructure for large enterprises
FAQ
FAQ component
Frequently asked questions about Schema UI
Launching soon
Sign up for our waitlist!
Be the first to learn about Schema UI new free template launching soon!
Blog
Featured Blog Posts
Card component with reference to posts.
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.
Testimonials
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.