Next and Notion blog integration
⚛️

Next and Notion blog integration

Tags
Notion
CMS
Next.js
Blog
Published
January 5, 2025
Author
Nikolaos Kladis
notion image
 
Hello there ✌️
 
In this blog I will describe how you can create your own blog using Notion pages and Next framework in minutes. (This is how I set up my own blog 🐣)
 
What will you gain from this tutorial?
  • You can manage your blog posts within your Notion account.
  • Your changes to your blog pages are instant.
  • Eliminate the need of manual coding and pushing changes.
  • Performant and SEO friendly website.
  • Infinite customisability of your site.
 
First, git clone the starter repo:
git clone https://github.com/transitive-bullshit/nextjs-notion-starter-kit.git
 
All config is inside the site.config.ts.
All you really need to do to get started is edit rootNotionPageId .
 
Make sure your root Notion page is public and then copy the link to your clipboard.
Extract the last part of the URL that looks like 7875426197cf461698809def95960ebf, which is your page's Notion ID.
 
You can find the complete guide here:
 
Happy blogging! 🍎