index

I built a Notion-style personal site

I just shipped studynotes.terrydjony.com, a clean Notion-style personal site for publishing notes on my own domain. Open source, free, MIT-licensed. Repo’s here: github.com/terryds/notion-style-personal-site.

Live demo
Live demo

Why

I like Notion for notetaking. It’s clean, fast, and the interface gets out of the way.

But I wanted to publish my notes on my own domain, and Notion makes you pay monthly for that. As far as I remember, their pricing isn’t super clear-cut either. Lots of extra add-ons stacked on top of the monthly subscription, which I think isn’t great.

So I just built my own.

What it does

Same vibes as Notion’s clean editor and reader, but as a static personal site instead of a paid SaaS. Sidebar with nested notes, clean typography, the kind of layout that’s actually nice to read.

The bonus is it’s SEO-friendly out of the box. Notion’s published pages aren’t great for search (slow load, weird URLs, JS-heavy). My version is static and indexable, so if you publish notes here, Google can actually find them.

That makes it better than Notion for the publishing use case, not just cheaper.

How long did it take

A few hours of vibecoding. That’s kind of the point. With AI you don’t need to spend weeks rebuilding tools when you only need 80% of the original. You ship what you need.

Star and fork

If you want your own version, fork the repo. If you think it’s cool, a star helps.

github.com/terryds/notion-style-personal-site