fumadocs-notion
fumadocs-notion copied to clipboard
fuma-nama
An example of Fumadocs using Notion
fumadocs-notion
This is an example Fumadocs app that works with Notion.
Setup
Create a Notion integration on https://www.notion.so/profile/integrations, select the correct workspace, and add your
secret to .env.local after creation.
NOTION_API_KEY=secret
You can now connect certain pages to the integration, from the page menu:
Find your integration name here and connect it to your page.
After adding pages, run development server:
pnpm dev
Open http://localhost:3000 with your browser to see the result.
How it works?
This app uses the Notion API to fetch pages and implement search functionality, and with react-notion-x to render page
content in React.
Feel free to take a look in the example for details.
Supported Features
The example is relatively simple, it only supports simple block types, and do not support the full functionality of database.
Dynamic rendering can also be enabled by setting revalidate segment config in /app/docs/[id]/page.tsx, like:
export const revalidate = 4000
fuma-nama