Nobelium

Nobelium is a static blog build on top of Notion API and NextJS, deployed on Vercel.

简体中文 / English

DEMO：https://nobelium.vercel.app/

What makes you feel excited

• Deployed on Vercel, along with Next.js SSG, your blog will be blisteringly fast
• With Next.js, you have Incremental Static Regeneration; there's no need for re-deploy when you update the content.
• Nobelium is built using tailwindcss, easy for customization.
• Use @tailwindcss/jit compiler, faster build times.
• Render notion content using react-notion
• Responsive for desktop / mobile, obviously
• Quick search and tag filter
• Gitalk for comments, more options coming soon
• Support about page
• Tags, RSS feed, website Analytics... and so much more!

Screenshot

Setup

• Fork this project
• Duplicate this Notion template to your workspace, make sure the page is shared with the public
• Tweak blog.config.js based on your preference
• Replace with your own avatar and logo in /public folder
• Deploy on Vercel, set following environment variables：
  • NOTION_PAGE_ID: The ID of the Notion page you previously shared with the public, usually has 32 digits after your workspace address
• That's it, how about star this project?

Roadmap

Check out our roadmap here

• Better SEO
• Use preact when deploying in production
• Add more comment system
• Add more analytics system
• Dark mode
• Sitemap
• Open Graph support
• Figma design file
• ...

Special Thanks

Notion CN community

SilentDepth

Lee Rob

Spencer Woo