This is an example for using Sanity with Fumadocs.
- Draft Mode (Live Preview)
- Studio
Initialize the project:
pnpm i
Create a new project on Sanity, and create a .env
file:
NEXT_PUBLIC_SANITY_PROJECT_ID="The Project ID"
# it should be 'production' by default
NEXT_PUBLIC_SANITY_DATASET="production"
Then, run pnpm sanity manage
, go to the API tab. Under the Tokens section, create and obtain a token with viewer permission.
Create a .env.local
file to store it:
SANITY_API_READ_TOKEN="token here"
Run development server:
pnpm dev
Open http://localhost:3000 with your browser to see the result.
Before deploying, set a studio url in your .env.production
or hosting platform:
STUDIO_URL=https://my-website.com/studio
Make sure to add your production url to CORS origin in Sanity dashboard too.
You can deploy it to any Next.js compatible platform.
To learn more about Next.js and Fumadocs, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
- Fumadocs - learn about Fumadocs