🖤 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. Run the install command:

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

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