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
🚀 Getting Started
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
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 (like animations or fonts), edit/add schema and modules, and more.
Helpful Articles
Read more on The SanityPress Blog
- The Developer's Guide to Customizing SanityPress
Discover how to customize every aspect of your SanityPress site. Unlock the power to create a truly unique and polished web experience.
- Mitchell Christ
- #Customization
- #Tips & Tricks
- Choose Your Accent Color!
Learn how to customize your SanityPress site's theme by changing accent colors with Tailwind CSS, featuring easy-to-apply color tweaks for a fresh look.
- Mitchell Christ
- #Customization
- How to Add Custom CSS
Learn how to add custom CSS to your SanityPress website using the Custom HTML module, enabling full design control directly from the CMS studio.
- Mitchell Christ
- #Customization
- #Modules
- Optimizing List Previews in the Sanity Studio
Optimize list previews in Sanity Studio to improve content editor workflow and productivity. Create better visual cues for a more intuitive CMS experience.
- Mitchell Christ
- #Customization
- #Tips & Tricks
- Adding New Modules
How to add new custom modules in 3 simple steps.
- Mitchell Christ
- #Customization
- #Modules
- Adding Animations
How to add animations to the starter template with CSS classes and the AOS library.
- Mitchell Christ
- #Customization