Sanity Template

Build Stunning Ecommerce Pages with Shopify + Sanity Studio

A production-ready Next.js 16 + Headless Shopify + Sanity template featuring 80+ page modules, embedded Sanity Studio, and real-time visual editing. Ship your content-driven site in minutes, not months.

What's Included

Everything You Need to

This starter template comes packed with modern features and best practices so you can focus on building your content, not your infrastructure.

*0+ Page Modules

Pre-built hero sections, ecommerce, features grids, testimonials, pricing tables, CTAs, FAQs, and more. Mix and match to create any page.

Embedded Sanity Studio

Edit your content directly within your Next.js app at /studio. No separate deployment needed.

Live Visual Editing

See your changes in real-time with Sanity's presentation mode. Click any element to edit it instantly.

Next.js 16 + React 19

Built on the latest stable releases with App Router, Server Components, and streaming.

Tailwind CSS v4

Modern styling with the latest Tailwind CSS, including dark mode support and custom design tokens.

TypeScript First

Full type safety with auto-generated types from your Sanity schemas. Catch errors before they ship.

Clone the Repository

Fork or clone the starter template from GitHub. Run npm install to get all dependencies.

Configure Sanity

Create a free Sanity project and add your project ID and dataset to the environment variables.

Deploy to Vercel

Push to GitHub and deploy with one click. Your embedded studio works out of the box.

Module Library

Modules for

Our comprehensive module library covers all the common patterns you'll need for marketing sites, landing pages, and content-heavy applications.

Hero Sections

5 hero variants: Default, Centered, Split, Video, and Minimal. Each with badges, CTAs, and background options.

Ecommerce

Featured products, product grids, and more

Features & Benefits

Grid layouts, alternating sections, and icon cards. Perfect for showcasing product capabilities.

Social Proof

Testimonials, logo clouds, case studies, and trust badges to build credibility.

FAQ & Support

Accordion, two-column, categorized, and simple FAQ layouts for common questions.

Engagement

Announcement bars, countdowns, sticky CTAs, and modals to drive user action.

FAQ

Frequently Asked

Everything you need to know about getting started with this template.

Is this template free to use?

Yes! This is an open-source template released under the MIT license. You can use it for personal and commercial projects without attribution (though we appreciate it!).

Do I need a paid Sanity plan?

Sanity offers a generous free tier that works great for most projects. You only need to upgrade if you exceed the free tier limits or need enterprise features.

Can I customize the modules?

Absolutely! All modules are built with React components and Tailwind CSS. You can modify existing modules or create your own following the same patterns.

How do I add new page modules?

Create a new schema in sanity/schemas/modules/, add a corresponding React component in components/modules/, then register it in the page schema's modules array.

Is there a demo site?

You're looking at it! This home page is built entirely using the template's modules, demonstrating the flexibility and variety of layouts available.

Ready to Build Something

Clone the repository and start building your next content-driven website today. It's free, open source, and ready for production.

Get Started on GitHub Join the Community

No credit card required. MIT Licensed.