How to build a nextjs blog with notion cms

🧑‍💻 NPM packages:

npm install @notionhq/client @notion-render/client @notion-render/hljs-plugin @notion-render/bookmark-plugin

Blogs in Nextjs are a pain or super expensive (interface, pricing...).

But there's an easy way to work with Notion. And it requires a few dozen lines of code!

We'll build a full blog allowing us to edit our content in Notion and get it updated live to our blog with caching enabled.

Tech Stack:
- React
- Tailwindcss
- NextJS

00:00 - Intro
00:25 - Demo
01:33 - Creating a Notion Database
05:13 - Creating a Notion integration
06:41 - Setting up the project
08:02 - Creating the notion functions
14:49 - Creating the blog post page
21:15- Adding formatting with tailwindcss typography
22:21 - Creating the blog homepage

[chabandou]

Colors styles don't apply, A work around is to write full Html syntax for the element you want colored and add the color in inline styles.

[MathisFumel]

With @notion-render/client is impossible to display children block. For example if you have a list and a children list, the children list will not display on your blog. You have a solve ?

[Marketing-Lot]

kept getting this error:

redirect-boundary.js:57 Uncaught APIResponseError: The property type in the database does not match the property type of the filter provided: database property status does not match filter select
at
at async Home


if anyone can help pls...