Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

fuma-nama/fumadocs-notion

Open more actions menu

Repository files navigation

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:

Preview

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

About

An example of Fumadocs using Notion

Topics

Resources

License

Stars

Watchers

Forks

Morty Proxy This is a proxified and sanitized view of the page, visit original site.