Nobelium

A static blog build on top of Notion and Nextjs, deployed on Vercel.

[中文说明 | English]

Demo: https://nobelium.vercel.app/

Screenshot

Highlights ✨

🚀 Fast and responsive

Fast page render and responsive design
Fast static generation with efficient compiler

🤖 Deploy instantly

Deploy on Vercel in minutes
Incremental regeneration and no need to redeploy after update the content in notion

🚙 Fully functional

Comments, full width page, quick search and tag filter
RSS, analytics, web vital... and much more

🎨 Easy for customization

Rich config options, support English & Chinese interface
Built with Tailwind CSS, easy for customization

🕸 Pretty URLs and SEO friendly

Quick Start

Star this repo 😉
Duplicate this Notion template, and share it to the public
Fork this project
Customize blog.config.js
(Optional) Replace avatar.svg, favicon.svg, and favicon.ico in /public folder with your own
Deploy on Vercel, set following environment variables：
- NOTION_PAGE_ID: The ID of the Notion page you previously shared to the web, usually has 32 digits after your workspace address
That's it! Easy-peasy?

Roadmap

Check out our roadmap here

Technical details

Generation: Next.js and Incremental Static Regeneration
Page render: react-notion-x
Style: Tailwind CSS and @tailwindcss/jit compiler
Comments: Gitalk and more incoming

Special Thanks

_{Notion 中文社区}

Contributors

_{Craig Hart}
🎫 🔧 🎨 🐛

_Reynard
🎨 🐛

_Niin
🔧 🐛

_Ruter
🔧 🐛

License

The MIT License.