This is a Next.js blog written in Typescript that uses Notion's Public API.

Production: https://www.zamiang.com

Based on: https://samuelkraft.com/blog/building-a-notion-blog-with-public-api

Features

• Sitemap
• RSS feed
• Google Analytics
• Content Security Policy (CSP)
• Robust eslint and prettier config
• Pages for photos and writing

Getting Started

First, follow the Notion API getting started guide to get a NOTION_TOKEN, NOTION_POSTS_DATABASE_ID and NOTION_PHOTOS_DATABASE_ID. Optionally, include GOOGLE_ANALYTICS_ID. Add them all to a file called .env.local.

NOTION_TOKEN=
NOTION_POSTS_DATABASE_ID=
NOTION_PHOTOS_DATABASE_ID=
GOOGLE_ANALYTICS_ID=
NEXT_PUBLIC_IMGIX_TOKEN=

Install dependencies:

npm install

Start the server with:

npm run dev

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