New Year, New Personal Brand Website
Every developer has that one side project that lives in the back of their mind for way too long — for me, it was building a personal website. Not a template. Not a quick deploy. Something that actually represents who I am as a developer.
I finally made the time, and here's how it came together.
Why Not Just Use a Template?
Let's be honest — there are hundreds of beautiful portfolio templates out there. But that was exactly the problem. I didn't want my personal brand to look like everyone else's. I wanted an artistic touch, something that feels intentional and crafted rather than assembled.
So I went down the rabbit hole of design trends, explored different visual directions, and settled on one that resonated: bold typography with smooth parallax animations and fluid scroll experiences. The kind of site where every scroll feels deliberate.
Why Next.js?
This wasn't just a static portfolio. I wanted a blog — a space to share what I learn, what I build, and what I think about. That meant I needed:
- Server-side rendering to keep the blog fast and dynamic
- Proper metadata extraction so search engines can actually find and index my content
- MDX support to write blog posts in Markdown with the flexibility of React components
Next.js checked every box. It gave me the SSR capabilities I needed while keeping the developer experience smooth. The file-based routing made structuring the blog effortless, and the built-in SEO support meant I didn't have to hack together meta tags manually.
The Design Philosophy
I approached the design with a simple principle: less UI, more experience. No heavy component libraries, no generic card layouts. Instead, I focused on:
- Typography as the hero — large, expressive type that draws you in
- Scroll-driven animations — elements that respond to your movement through the page
- Whitespace as a design tool — letting the content breathe rather than cramming everything together
The result is a site that feels more like an experience than a traditional portfolio page.
What I Learned Along the Way
Even when you start with inspiration from existing designs, the process of making it your own always teaches you something. A few takeaways:
- Design decisions take longer than code. Adapting a visual direction to fit your own identity was the hardest part — the coding followed naturally.
- Animations need restraint. It's tempting to animate everything, but the best motion design is the kind you barely notice — it just feels right.
- Your personal site is never "done." And that's okay. Ship it, iterate, improve.
The site is live now. Feel free to visit and explore the animations — I'd love to hear what you think.