English | 日本語 | notion-blog 日本語
easy-notion-blog is a starter-kit for Notion Blog. It helps you to start your Notion Blog easily and rapidly.- 🚀 Quite fast page loading
- 📝 Can write a blog on your Notion
- 🛠️ Can fully customize the site's appearance
- ✅ Using official Notion APIs
- Star this repo 😉
- Duplicate the template into your Notion.
- Note the part of URL
https://notion.so/your-account/<HERE>?v=xxxx
asDATABASE_ID
- ex)
158bd90116004cd19aca26ad88cb5c07
⚠️ CAUTION:?v=NOT_THIS_VALUE
. Use ahead strings.
- ex)
- Create an integration and note "Internal Integration Token" as
NOTION_API_SECRET
- Share a database with your integration at the Notion database page
- Go to vercel.com and log-in
- Create new project by importing this repository
otoyo/easy-notion-blog
(Skip creating a team) - In "Configure Project", open "Environment Variables" settings and set
NOTION_API_SECRET
andDATABASE_ID
- Your Notion Blog will be published after deploy
https://easy-notion-blog-otoyo.vercel.app/blog
See also users' sites from wiki.
- Node.js v16 or higher
- Yarn
- Fork this repo from "Fork" button and clone it into your local workspace.
- Create
.env.local
file just under the project root and put your environment variables as follows:
NOTION_API_SECRET=<YOUR_NOTION_API_SECRET>
DATABASE_ID=<YOUR_DATABASE_ID>
- Install dependencies and start local server.
yarn install
yarn dev
- Open http://localhost:3000 in your browser.
- Press
Ctrl+C
in the terminal to stop.
See wiki.
Please create an issue. Both in English and in Japanese are OK. 😉
You can get latest information about updates, and you can be supported by other members if you want to know how to customize.
Pull requests are welcome.
easy-notion-blog is based on ijjk/notion-blog and otoyo/notion-blog