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

Production: https://www.zamiang.com

Features

• Sitemap
• RSS feed
• Google Analytics
• Content Security Policy (CSP)
• Robust eslint and prettier config
• Pages for photos and writing
• Two column setup for images
• CDN backed images

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=

Install dependencies:

npm install

Start the server with:

npm run dev

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