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

notion-blog-template

notion-blog-template

git remote set-url main https://github.com/SHUN-EV/Notion_Blog_Nextjs.git

git remote -v main git remote set-url origin https://github.com/SHUN-EV/Notion_Blog_Nextjs.git (fetch) main git remote set-url origin https://github.com/SHUN-EV/Notion_Blog_Nextjs.git (push) origin https://github.com/Shin-sibainu/notion-blog-template.git (fetch) origin https://github.com/Shin-sibainu/notion-blog-template.git (push)

git add .

git commit -m "done"

git push main main