Fumadocs | Payload CMS |
---|---|
![]() |
![]() |
Simple, deploy-ready example for using Fumadocs with Payload CMS combined into a single Next.js app.
Initialize the project:
pnpm i
Run development server:
pnpm dev
Open http://localhost:3000 with your browser to see the result.
Before deploying, set the variables from .env.example
in your .env.production
or hosting platform.
Make sure to add your production BASE_URL
to CORS & CSRF origins as well to be able to query the deployed API endpoints.
This example uses SQLite as the database. You can deploy it to any Next.js-compatible platform with a cloud integration with providers such as Turso.
For object storage, this example uses Vercel Blob. You can use any storage adapter of your choice.
Vercel | Netlify |
---|---|
![]() |
![]() |
Both Turso & Vercel Blob were set up via storage integrations for this deployed example.
![]() |
![]() |
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.