So, I hear you like Next.js and Notion 😏 So do I. I built a scalable production blog in under 12 hours using Next.js with Notion as my CMS.

👊 Motivation

Why Notion?

I have been in love with Notion since July 2019. I initially fell for the simplicity of creating Markdown notes. After three years, my passion for Notion grows with every new feature release. Notion’s block-based data model establishes the base for an incredible information playground, especially if you have a software or data modeling background.

In March 2022, Notion released an official API. With this API, we can now programmatically interact with our notion data. This API inspired me to see how far I could take Notion as a CMS for my blog.

Here are a few final reasons why I chose Notion as my CMS.

1. I work in Notion for my personal and professional life every day.
2. Notion goes beyond markdown to create the best document editing system I have ever used.
3. With the release of their API, Notion can be used as both a CMS for document content and a simple relational database solution, perfect for small-scale personal projects.
   1. There is no need to spin up a table in Postgres or a collection in Mongo anymore. Create a Notion database with all the columns you need, and you’re good to go. Check out the Advanced Concepts section to learn more.

Why Next.js?

In Web 1, we had static HTML. Javascript was written in <script> tags, and websites were presentational and simple.

In Web 2, Javascript becomes king. Capability and complexity explode along with page size. Websites are dynamic, contentful, and slow. Speed is exchanged for power.

This is where Next.js comes in.