/notion-blog-nextjs

Next.js example blog powered by Notion Public API

Primary LanguageJavaScriptMIT LicenseMIT

This is a Next.js blog using Notions Public API, based off the original implementation by samuelkraft.

Features

  • Image blocks with lazy loading/blurry loading
  • Support for blockquotes
  • Optimized tweet embeds
  • Support for featured posts
  • Support for categories
  • Custom Notion page as index page
  • Custom Notion page as about page
  • Substack subscribe box

Demo

Getting Started

First, follow Notions getting started guide to get a NOTION_TOKEN and a NOTION_DATABASE_ID, then add them to a file called .env.local.

NOTION_TOKEN=
NOTION_DATABASE_ID=

Install dependencies

npm install
# or
yarn

Start the server with

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Deploy to Vercel

Deploy with Vercel