Skip to content

MFarabi619/fumadocs-payloadcms

Repository files navigation

Fumadocs Symbol Fumadocs + PayloadCMS Payload CMS Symbol

Fumadocs Payload CMS
Fumadocs Landing Page Payload CMS Landing Page

pnpm Badge Conventional Commits

Simple, deploy-ready example for using Fumadocs with Payload CMS combined into a single Next.js app.

Edit MFarabi619/fumadocs-payloadcms/main

Local Setup

Initialize the project:

pnpm i

Run development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

Deploy

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
Vercel Turso Integration Netlify Turso Extension

Both Turso & Vercel Blob were set up via storage integrations for this deployed example.

Vercel Storage Integrations Vercel Deployment Environment Variables

Learn More

To learn more about Next.js and Fumadocs, take a look at the following resources: