SanityPress 🖤 Ready to Impress.
Quick setup, lasting impact. A fully customizable Next.js and Sanity starter template with Tailwind CSS and ready-to-use schema for rapid website development.
[!NOTE] 🆕 Try the new SanityPress with TypeGen! ♣️
🖤 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 | Modules | Studio screenshots | Sanity.io
npm create sanity@latest -- --template nuotsu/sanitypressKey Features
- ✨ Next.js 16 (App Router, RSC, Typescript) with Tailwind 4
- 📕 Pre-configured Sanity schema & frontend components
- ✏️ Visual editing in an embedded Sanity Studio
- ⌨️ Auto-generated sitemap + Blog RSS feed
- ⚡ Perfect Lighthouse scores on desktop and mobile.
Getting Started
Full instructions on the docs.
1. Install with the Sanity CLI
Run the following command to initialize this template on your local computer.
npm create sanity@latest -- --template nuotsu/sanitypressSee the documentation if you are having issues with the CLI.
Alternatively, you can also clone or fork the GitHub template to set up manually.
2. Start local server
Run the following command to start the development server:
- Website: http://localhost:3000
- Sanity Studio: http://localhost:3000/admin
npm run dev3. 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 | |
global-module | blog/ (path) | 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.gz4. Set up deployments
1. Create a GitHub repository
Create a GitHub repository from this project. Learn more.
2. Set up deployments
Create a new Vercel / Netlify / etc project, connecting it to your Github repository
Set up your deployment settings, such as the Root Directory to your Next.js app.
3. Set environment variables
Configure your Environment Variables in Vercel / Netlify / etc.
NEXT_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="" # recommended to add to display GitHub stars & forks4. Add a deployment widget to enable deployments directly from the Studio.
- Vercel:
vercel-dashboard-widget - Netlify:
sanity-plugin-dashboard-widget-netlify
5. Customize
Adjust frontend styles, edit/add Sanity schema and modules, and more.
