Next.js Notion Starter Kit is a boilerplate / starter template to quickly build a website (blog, portfolio, documentation site) using Next.js and react-notion-x, while using a public Notion page as a CMS. It’s the same foundation the author uses to power their personal site. The idea is to let you write and manage content in Notion, and have that content rendered as a fully functional, statically-generated React/Next.js site, with minimal setup — usually just a configuration file to point to your root Notion page. The kit brings a lot of convenience: it handles page routing, pretty URLs, automatic generation of tables of contents, responsive design, dark mode, image previews, and even auto-generated social preview images. Because it uses Next.js’s static site generation (or optionally dynamic), it produces fast-loading pages optimized for performance and SEO.
Features
- Very quick setup: configure one file (site.config) to point to a Notion page
- Automatic conversion of Notion content to React/Next.js pages (with routing & pretty URLs)
- Built-in support for dark mode, responsive design, and optimized image handling
- Automatic Table of Contents generation and smooth image previews
- SEO-friendly and social-image generation built-in
- Fast page performance via Next.js and static generation (optimized for modern deployment)
Project Samples
