Use Notion CMS

Posted by@Sujal Vanjare

Published on @June 19, 2025

Updated on @September 14, 2025 1:52 PM

Notion Block Renderer Feature

I built everything from scratch using Next.js (React) and TypeScript. The app uses a Notion database, styled with Tailwind CSS. Data is fetched with Next.js fetch (for caching and to avoid Notion API rate limits) instead of the official NotionHQ client.

Inline Block

Rich Text

Basic Blocks

Media Blocks

Advanced Blocks

Embeds

Mentions

Projects

Bulleted list

Heading 1, 2, 3

https://images.unsplash.com/photo-1729860648809-df29db90016a?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D

Use Notion CMS

Next.js

React.js

TypeScript

Html

Tailwind CSS

Notion API

https://res.cloudinary.com/drzcgtzx8/image/upload/v1751814982/notion-as-a-cms/open-graph-image_yjketb.png

https://images.unsplash.com/photo-1629461461750-ef5b81781bc2?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D

https://images.unsplash.com/photo-1658383178431-42985646a636?q=80&w=735&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D

Use Notion CMS

use notion cms desc

Stripi CMS

Supabase

Html

June 19, 2025