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

• Better SEO
• Dark mode
• Open Graph support
• Switch to react-notion-x
• Sitemap
• Figma design file
• ...

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 中文社区

SilentDepth

Lee Rob

Spencer Woo

Contributors

Craig Hart 🎫 🔧 🎨 🐛

Reynard 🎨 🐛

Niin 🔧 🐛

Ruter 🔧 🐛

License

The MIT License.