Table of Contents

  1. Demo
  2. Screenshot
  3. Features:
  4. Prerequisites: 
  5. Steps to create a blog with Notion
  6. Notion blog SEO explained
  7. Adding Google Analytics (G4)
  8. Styling
  9. Need help?

How to Create a Blog with Notion

Major Update: use wr8 template. It’s a much better free option.

Why pay when the best things in life are available for free? Learn how to build and run a SEO-friendly free website with Notion. is essentially a modded version of Travis Fischer’s nextjs-notion-starter-kit, based on NotionX. Compared to the original version, my mod is a bit more SEO-friendly, and I’ve trimmed down the CSS a lot. Here’s my essential guide:





Steps to create a blog with Notion

Time needed: 10 minutes

  1. Fork minimal-notion-blog repo on GitHub

    Visit this link and fork the repo.

  2. Adjust the site.config.js

    The rootNotionPageId value in the repo is my Notion page ID. You’ve to replace it with yours. You may change other site info values also.

  3. Import Git Repository to vercel and deploy the site

    Visit and import the repository.

    Once imported, set a project name and deploy the site.
    It would take a few minutes to build the site. And upon completion, you’ll see this:

    Now visit the project dashboard; where you’ll find the Vercel generated sub-domain.

    You can customize this sub domain name in the domain settings. And yes, you can add a custom domain there itself.

  4. Set custom domain

    Visit the project settings and switch to the Domains section. This is where you can add a custom domain of your choice. Vercel will provide you with an A record and a CNAME DNS record. Visit your domain registrar and map those accordingly.

Notion blog SEO explained

The pretty URL will be auto-generated by default. And it’ll be the slugified version of your title. The meta description will be the text you enter into the Description column.

Adding Google Analytics (G4)

Open the /components/PageHead.tsx in your forked repository and replace G-53XJKCMZDH with your website’s G4 tag.


Tweak /components/styles.module.css and /styles/notion.css according to your preferences.

Need help?

While the process is straightforward, I understand some of you might find it challenging to manage everything. I’d be happy to set it up for you for a small fee. Please contact me to discuss further.

Written by MighilMighil is an indie musician and tinkerer with diverse work experience in technology and writing. He has had the privilege of serving in various capacities, encompassing generalist and specialist roles. He is currently based in Chengdu.


Opt-in to receive long-form essays in your inbox. Unsubscribe anytime. Follow me on 𝕏 if you like.

Powered by DigitalOcean, BunnyCDN, WordPress.