English | 日本語

easy-notion-blog

Easy to start your blog.

You can write on your Notion.

Screenshot

Demo

https://easy-notion-blog-otoyo.vercel.app/blog

Users' blogs

• techPeck
• チャベログ
• オマツリ
• 八朔 Blog
• shmn7iii
• nitaking.dev (Contributor)
• www.gadge7.net
• herohoro ブログ (Contributor)
• アルパカログ (Owner)

Features

• Very fast!
• Write on the Notion
• Using official API
• Full customization

Requirements

• Notion account
• Vercel account
• Git

(For your customization)

• Node.js v14 or higher
• Yarn

1. Star this repo :wink:
   • It makes me motivative!
2. Duplicate the template into your Notion.
3. Note the part of URL https://notion.so/your-account/<HERE>?v=xxxx as DATABASE_ID
   • ex) 158bd90116004cd19aca26ad88cb5c07
   • :warning: CAUTION: ?v=NOT_THIS_VALUE. Use ahead strings.
4. Create an integration and note "Internal Integration Token" as NOTION_API_SECRET
5. Share a database with your integration at the Notion database page
6. Go to vercel.com and log-in
7. Create new project by importing this repository otoyo/easy-notion-blog (Skip creating a team)
8. In "Configure Project", open "Environment Variables" settings and set NOTION_API_SECRET and DATABASE_ID
9. Your Notion Blog will be published after deploy

How to customize

Fork this repo into your GitHub account and develop.

# Install dependencies
yarn install

# Start local server at localhost:3000
yarn dev

Open http://localhost:3000 in your browser.

Entries without Published are also displayed for preview in local. But no Slug entries are not displayed.

Press Ctrl+C to stop local server in the terminal.

How to deploy to Google Cloud Run

See the wiki.

Lint & Test

yarn lint
yarn test

Optional settings

• favicon
  • Place favicon.ico under public/ directory
• Google Analytics 4
  • Set your tracking ID in lib/gtag.js

Twitter community

• easy-notion-blog

Contribution

Pull requests are welcome.

easy-notion-blog is based on ijjk/notion-blog and otoyo/notion-blog