Next.js blog powered by Notion API

Next.js example blog powered by Notion Public API

Author Samuel Kraft
Github Stars 772
Last Commit Oct 26, 2022
Next.js blog powered by Notion API screenshot

This is a Next.js blog using Notions Public API.

Demo: https://notion-blog-nextjs-coral.vercel.app

How-it-works/Documentation: https://samuelkraft.com/blog/building-a-notion-blog-with-public-api

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.

As a reference here’s the Notion table I am using: https://www.notion.so/5b53abc87b284beab0c169c9fb695b4d?v=e4ed5b1a8f2e4e12b6d1ef68fa66e518

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