What is this package?

This package provides everything that you need to use Notion as a CMS for your React applications. It comes with a set of built-in block components and helper methods to make it easy to work with Notion's API and render the content in your application.

What this package does

• Fetches Notion page content using the provided NotionQuery which uses the @notionhq/client package under the hood
• Transforms the Notion API response into a representation which is easy to work with
• Displays the Notion content using the Notion and NotionBlock components
• Provides built-in block components for all major Notion block types (text, headings, lists, images, code blocks, etc.)
• Allows you to customize the rendering of the blocks by passing custom block components

What are the use cases?

This package may be useful for you if

• You want to use Notion as a CMS for your React application
• You want to render Notion content in your React application
• You want to customize the rendering of Notion blocks in your React application
• You don't want to have the hassle of writing your own Notion API handler and block renderer