Notion-Next.js-blog-starter-kit
Notion + Next.js Blog Starter Kit - Next.js + Notion ISR static page blog starter kit
blogtemplateboilerplatetypescriptnextjsstarter-kitcommentsisrstatic-pagenotiondarkmodelqip
Overview
This is a blog starter kit that combines Notion and Next.js to automatically generate static pages from content written in Notion. When you write or edit posts in Notion, the site rebuilds using Next.js incremental static regeneration to display updates within seconds. The core stack includes Next.js, Notion API and SCSS styling, with key features like dark mode support, comments, analytics integration and customizable layouts through modular configuration files.
Features
notion-integrationisr-static-generationdark-modecommentsog-image-generationresponsive-designdraft-published-workflowtable-of-contentssyntax-highlightinglqip-image-optimization
Feature Flags
blogseoteamsOrgsanalyticscmsimageProcessingmultitenancydarkModecomments
Recommended Use Cases
personal-blogtechnical-blogdocumentation-siteportfolio-blog
Frontend
nextjsreacttypescript
Backend
nextjs
Auth Providers
None
Deployment Targets
verceldocker
Payment Providers
None
Quick Facts
Stack
Framework
nextjs
Language
typescript
CSS
scss
Database
notion
Analytics
google-analytics
Data Layer
Databases
mysql, notion
UI Stack
Styling
scss
Developer Experience
Docker
No
Tests
No
Quickstart
Yes
env.example
Yes
Pricing
Classification
free
Selected
โ
Notes
Open source starter kit, no pricing model