Impacte LogoE·Manager Docs

About4

Hello Yuri, this is my blogpost "Powered by Notion and Next.js"!
It's written in Notion and pre-rendered on this page using Next.js getInitialProps. It also uses Incremental Static Generation with the validate option so the content updates when the source is edited.

🪄 How does it work?

  1. Write blogpost in Notion
  1. Use Notions public API
  1. Profit!
Now I'm just writing placeholder content to try out the different blocks available. How about a link, bold text, strikethrough text, italic text and code? Colored text?
 

🎉 Source code

Get the source code at my github repo: https://github.com/samuelkraft/notion-blog-nextjs

Supported blocks:

Heading 1

Heading 2

Heading 3

Paragraph
 
  • bulleted list 1
  • bulleted list 2
  • bulleted list 3
 
  1. numbered list 1
  1. numbered list 2
  1. numbered list 3
 
Buy milk
Make a Next.js Notion blog
 
What is this?
It's the children of a toggle!
A simple quote block
File
notion image
Country
Price
Sweden
100 SEK
USA
$10
Column 1
Column 2
Column 1
Column 2
Column 3
Column 4
Column 5

Customizing

To edit a block change the renderBlock function in [id].js
 
✌️

On this page

🪄 How does it work?🎉 Source codeSupported blocks:Heading 1Heading 2Heading 3Customizing
About Us B · E·Manager Docs Docs