Getting started

Whenever I write a new blog, like this one, I use notion for drafting. Wouldn’t it be cool just to be able to switch the tag in notion to published and have it live on your blog?

This will be a tutorial on how you can create your own blog powered by Notion, Nextjs, and Tailwind.

Notion setup

The first step would be to create an API key. You can follow the Notions Getting Started Guide where we will be able to generate a new API key, which we will need for the env file as NOTION_SECRET

Untitled

For posting new blog articles, I already made a template, so we can simply duplicate it and start writing articles.

Template: https://www.notion.so/phung/6a05e6e596ac4bc6b591734f5c3d9850

Untitled

Once we cloned the blog template, we need DATABASE_ID which can be taken from the URL. It is the id after xxx.notion.site/

Untitled

Forking the codebase

Click here to fork the code base and pull the repository