Introduction

Want to build your site using Notion? Here’s the thing: Notion content is all made up of blocks, so you'll need to render every single block type. This tool helps you do exactly that!

Project Setup

Installation

npm i nextjs-notion-integration

Create a Notion Integration Key

Go to Notion Developers, create a new integration, and copy the generated Internal Integration Token.

Set up .env file

Create a .env file in the root directory and add the following environment variables:

NOTION_TOKEN=your_integration_key_here
NOTION_PAGE_ID=your_notion_page_id_here

Supproted Notion block types

Check out the components folder in the project. You can use the components in the folder or customize them. | Name | File Path | Description | | ------- | ------------------------------------- | -------------- | | NotionPageList | components/page | A list of page | | NotionPage | components/page | Single page | | NotionHeading | components/blocks | Heading |