Notion-Next.js-blog-starter-kit

Notion + Next.js Blog Starter Kit - Next.js + Notion ISR static page blog starter kit

blogtemplateboilerplatetypescriptnextjsstarter-kitcommentsisrstatic-pagenotiondarkmodelqip

Preview

Notion-Next.js-blog-starter-kit preview

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

โญ Stars
112
๐Ÿด Forks
66
๐Ÿ”„ Active
Unknown

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
Get Started with this Boilerplate