okisdev / Notion-Blog-React

Blog powered by Notion, built with React.JS, Next.JS, tailwindcss, TypeScript, notion-api-worker and more.

Notion Blog React

English | 简体中文

A fast serverless Blog powered by Notion.

A Blog powered by Notion, built with React.JS, Next.JS, tailwindcss, TypeScript, notion-api-worker, React-Notion-X and more.

See Notion Photo React, if you would like to create a personal photo gallery website powered by Notion.

Demo

• nbr.okis.dev

Features

Please see the features section on React-Notion-X by NotionX.

And also, you can...

• Easily change the things you want by editing .env file.
• Support Google Analytics & Splitbee Analytics.
• Self host notion-api by using Cloudflare Workers. (Default notion-api By Splitbee)
• Use your favorite Google Fonts.
• Use your own domain.

Performance

• Use Lighthouse for testing

Known Issues

• ❌ Some Notion blocks is not supported. (Please see here for more info.)

How to deploy

Please visit Notion Blog React Documentation for more details.

Problem(s) with deployment

• email: [e-mail]
• Telegram: @okisdev

Improvement / Plans

• Add React-Notion-X supported or Mix current api with React-Notion-X.
• Using Notion Official API. (Blogging entirely using Notion's official API is finished and hope to release it soon in the future)
• Add PostView.
• Add Tag.

Related (Examples or Technology being used)

• Splitee Blog (using React-Notion, contributor of React-Notion)
• timo.sh (using React-Notion, contributor of React-Notion)
• TransitiveBullsh.it (using React-Notion-X, contributor of React-Notion-X)
• Vercel
• Cloudflare Workers
• React
• Next.js
• tailwindcss
• TypeScript
• Notion-Api-Worker
• React-Notion-X
• Google Analytics
• Splitee

Alternatives

Turn Notion to Blog/Page

• React-Notion
• React-Notion-X
• Super.so
• Fruition

Credits

Copyright (c) 2022 Harry Yep

• All Authors & Contributors who own its repository