Visit demo

• Pre-configured Sanity schema for rapid content structuring.
• Pre-built frontend components for rapid website development.
• Visual editing right inside the Embedded Sanity Studio.
• Auto-generated Table of Contents component based on headings.
• Auto-generated sitemap.xml and blog rss.xml.

Next.js 14 (App Router, RSC, Typescript), Tailwind CSS and scss

Clone or fork the template from the GitHub template.

From the Sanity.io Manage dashboard, create a new project from scratch (blank schema) with CLI.

# .env.local
NEXT_PUBLIC_BASE_URL = ... # http://localhost:3000
NEXT_PUBLIC_SANITY_PROJECT_ID = ... # abcdefgh
NEXT_PUBLIC_SANITY_TOKEN = ... # retrieve from https://sanity.io/manage

NEXT_PUBLIC_SANITY_DATASET= ... # production
NEXT_PUBLIC_SANITY_API_VERSION= ... # 2024-07-01

Open your new Sanity Studio (‌https://localhost:3000/admin) and publish the following documents:

1. a Page document with slug: index to use as the Home page.

For websites with a blog, additionally publish the following documents:

2. a Page document with slug: blog to use as the Blog listing page.
3. a Page document with slug: blog/* to use as the Blog post template page.

• a Page document with slug: 404 to use as the Page not found page.