https://github.com/fuma-nama/fumadocs-sanity
An example of Fumadocs using Sanity
https://github.com/fuma-nama/fumadocs-sanity
fumadocs nextjs sanity-io sanity-studio
Last synced: about 2 months ago
JSON representation
An example of Fumadocs using Sanity
- Host: GitHub
- URL: https://github.com/fuma-nama/fumadocs-sanity
- Owner: fuma-nama
- Created: 2024-12-04T12:38:51.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-12-07T08:27:30.000Z (3 months ago)
- Last Synced: 2024-12-31T09:31:52.462Z (about 2 months ago)
- Topics: fumadocs, nextjs, sanity-io, sanity-studio
- Language: TypeScript
- Homepage: https://fumadocs-sanity.vercel.app
- Size: 278 KB
- Stars: 10
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Fumadocs Sanity
This is an example for using Sanity with Fumadocs.
- Draft Mode (Live Preview)
- Studio
### Setup
Initialize the project:
```bash
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:
```bash
pnpm dev
```
Open http://localhost:3000 with your browser to see the result.
### Deploy
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.
### Learn More
To learn more about Next.js and Fumadocs, take a look at the following
resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js
features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
- [Fumadocs](https://fumadocs.vercel.app) - learn about Fumadocs