🖤 SanityPress

Ready, Set, Impress.

An opinionated, fully customizable Next.js (App Router) and Sanity starter template with Tailwind CSS and pre-built schema for rapid website development.

Demo | Docs | Blog | Studio screenshots | Sanity.io

npm create sanity@latest -- --template nuotsu/sanitypress

Key Features

• ✨ Next.js 15 (App Router, RSC, Typescript) with Tailwind CSS
• 📕 Pre-configured Sanity schema & frontend components with VSCode snippets for rapid development.
• ✏️ Visual editing in an embedded Sanity Studio for a seamless editing experience.
• ⌨️ Auto-generated sitemap + Blog RSS feed for SEO.
• ⚡ Perfect Lighthouse scores on desktop and 99/100 on mobile.

Getting Started

Full instructions on the docs.

1. Initialize template with Sanity CLI

Run the following command to initialize this template on your local computer.

See the documentation if you are having issues with the CLI.

npm create sanity@latest -- --template nuotsu/sanitypress

You can also clone or fork the GitHub template to set up manually.

2. Add content

In your new Sanity Studio, publish the required site and page documents.

Document	Slug	Use	Required?	Notes
site		Global settings	✅
page	index	Homepage	✅
page	404	Page not found
page	blog	Blog listing		Add the Blog frontpage module
page	blog/*	Blog post		Add the Blog post content module

Read the Getting Started docs for more information.

Alternatively, you can import the demo site dataset:

sanity dataset import src/sanity/demo.tar.gz

3. Set up deployments

Add a Vercel or Netlify widget to enable deployments from the Studio.

4. Customize

Adjust frontend styles, edit/add Sanity schema and modules, and more.

Resources & Dependencies

• The Impressive Blog
• Visual Editing with Next.js and Sanity
• next-sanity — Sanity toolkit for Next.js
• nuqs — Type-safe search params state manager for React
• zustand — State management for React

How to Support

• 🧡 Donations
• 🩷 Sponsor on GitHub
• ☕ Buy me a coffee