Guillermo de la Puente

Notion-powered blog

Blog using Notion as the CMS

screenshot
laptop frame
screenshot
phone frame

2022

Notion is a project management and note-taking software platform. Since they launched their API, it can be used as a database for rich text documents, and so it's a backend for a blog.

Leveraging Next.js Static-Site-Generation, the site retrieves all blog posts at build time and prepares the blog summary and each blog post page. Combined with Next.js prefetching, they load instantly. The sitemap is also automatically generated.

My custom renderer renders each Notion block using Chakra UI components, the library of choice here, and compensates the limitations that the Notion API has.

Visit blogView source code
Next.jsNotion APISEORSSUmami
Previous project: Travelmap