How I Built My Personal Website on Top of Notion

For the longest time, I’ve wanted my personal website to feel mine — not just another template that looks like everyone else’s. And I finally did it. I built and deployed this site using open-source Notion-to-React libraries, and I have to say — it’s been one of the most satisfying side projects I’ve worked on.

Why Notion?

I’ve always loved Notion. It’s clean, flexible, and always open in the background. So when I found out I could use Notion as a CMS and turn my pages into a full-blown website, I was all in.

Notion gives me so much flexibility. I can write and format content however I like, embed tweets, YouTube videos, Loom recordings, and more — and then publish everything with just a few clicks. No fiddling with HTML or deployment tools every time I update something.

My Journey So Far

Back in 2020, I was using a platform called wordpress to power my site. It worked well and was also open-source .

Fast forward to now — I wanted even more control. So I cloned the open-source repo, forked the project, and started customizing it. That led to a ton of tinkering — and a better understanding of how all the pieces fit together.

What I Learned Along the Way

Cloned and customized an open-source Notion-to-React library

Deployed it on Vercel (super fast and easy)

Ran the project locally using npm run dev

Battled a few npm/yarn conflicts — and learned how to debug them on Vercel

Played around with CSS to get the site to look exactly how I wanted

Set up Redis caching for the first time — it cut down on API requests and made everything faster

Enabled Next.js image optimization for faster image loads

And the best part? The site loads incredibly fast. Just look at this Pagespeed score 👇

Tech Stack

Here’s what powers the site:

Notion – as the content management system

React & Next.js – frontend framework

Vercel – for deployment and hosting

Redis – for caching and speed optimization

CSS (custom) – for styling the entire site

Lighthouse – for performance testing and score tracking

GitHub – for version control and project cloning

Why You Should Build Your Own Site

I really believe everyone should have a personal website. It's your own little corner of the internet — no templates, no rules, no limitations. You get to build something that reflects you.

Whether you're a designer, dev, writer, marketer, or just someone with ideas — putting your work out there matters. And with tools like Notion + open-source projects + Vercel, it's never been easier.