🖤 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.

Visit here for more Studio screenshots.

• 🖋️ Published on Sanity.io
• ⚡ Perfect Lighthouse scores on desktop and 99/100 on mobile.
• 🚀 Checkout the demo site, documentation and blog.

Table of Contents

• Key Features
• Getting Started
• Helpful Resources (The SanityPress Blog)
• External References

Key Features

• ✨ Next.js 15 (App Router, RSC, Typescript) with Tailwind CSS
• 📕 Pre-configured Sanity schema
• 📘 Pre-built frontend components
• ✏️ Visual editing in embedded Sanity Studio
• ⌨️ Auto-generated sitemap and RSS feed

Getting Started

Full instructions on the docs.

1. New repo: Clone or fork the GitHub template.
2. Get Sanity project ID: Create a new project on Sanity.io from scratch (blank schema) with CLI and retrieve the projectId.
3. Update environment variables:

# .env.local
PUBLIC_BASE_URL = ... # https://sanitypress.dev

NEXT_PUBLIC_SANITY_PROJECT_ID = ... # abcdefgh
NEXT_PUBLIC_SANITY_DATASET = ... # production

SANITY_API_READ_TOKEN = ... # "Viewer" token from https://sanity.io/manage

NEXT_PUBLIC_GITHUB_TOKEN = # used for Reputation blocks

4. Add content: 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

5. Set up deployments: Add a Vercel or Netlify widget to enable deployments from the Studio.

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

External References

• Sanity toolkit for Next.js
• next-sanity README
• Visual Editing with Next.js and Sanity

How to Support

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