All Posts|Building My Personal Site with Next.js
🗓️Mar 14, 2026

Building My Personal Site with Next.js

Why I moved from Framer to a custom Next.js setup — and what I learned along the way.

Why I Left Framer

Framer is great for prototyping, but I wanted full control over my site. As someone who works at the intersection of design and engineering, having a codebase I can extend felt important.

The Stack

  • Next.js 16 with App Router
  • Tailwind CSS v4 for styling
  • Notion as a headless CMS
  • next-intl for English/Korean support
  • Vercel for deployment
  • What I Learned

    The biggest challenge was matching my existing Framer design pixel-by-pixel in code. Framer handles animations and layout so effortlessly — recreating that in CSS required patience.

    Another surprise was the Notion API. Version 5 introduced breaking changes that took some time to figure out. But once connected, it's a fantastic writing experience.

    What's Next

    I'm planning to add:

  • Blog post search and filtering
  • RSS feed
  • View count tracking
  • Dark mode improvements
  • If you're thinking about building your own site, I'd say go for it. The learning is worth it.

    Subscribe to my Newsletter

    Sign up to stay updated about my latest work and adventures. No Spam, No BS. Promise!