English | 日本語

Easy to start your blog.

You can write on your Notion.

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

• herohoro ブログ
• アルパカログ

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

• Notion account
• Vercel account
• Git

(For your customization)

• Node.js v12
• Yarn

1. Go to notion.so and log-in with your Notion account.
2. Create a blank page.
3. Type /table and select "Table - Inline" (Fig.1)
4. Go to under page(database) named as "Untitled" (Fig.2)
5. Note the part of URL https://notion.so/your-account/<HERE>?v=xxxx as DATABASE_ID
6. Create an integration and note "Internal Integration Token" as NOTION_API_SECRET
7. Share a database with your integration in the previous database
8. Open the Terminal.app and clone this repo into your local git clone [email protected]:otoyo/easy-notion-blog.git && cd easy-notion-blog
9. Run initialization script DATABASE_ID='<YOUR_DATABASE_ID>' NOTION_API_SECRET='<YOUR_NOTION_API_SECRET>' ./scripts/init-database.sh
10. Go to vercel.com and log-in with your account
11. Create new project by importing GitHub repo otoyo/easy-notion-blog (Skip team create)
12. In "Configure Project", open "Environment Variables" settings and set NOTION_API_SECRET and DATABASE_ID
13. Your Notion Blog will be published after deploy

Fig.1 Select "Table - Inline" after typing /table

Fig.2 Move "Untitled" database under the new page

Fork this repo from "Fork" button and clone it into your local.

Create .env.local file in project root and write your ENV as follows.

NOTION_API_SECRET=<YOUR_NOTION_API_SECRET>
DATABASE_ID=<YOUR_DATABASE_ID>

Install dependencies and start local server.

# 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.

• favicon
  • Place favicon.ico under public/ directory
• Google Analytics 4
  • Set your tracking ID to "Environment Variables" as NEXT_PUBLIC_GA_TRACKING_ID
• Social Buttons
  • Set your site URL to "Environment Variables" as NEXT_PUBLIC_URL

Please create an issue in English or Japanese.

Pull requests are welcome.

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