· 5 min read

Building This Site

A behind-the-scenes look at how this website was built, from technology choices to design principles.

dev design

The Beginning

Every personal site starts with a question: what do I actually want this to be?

I didn’t want a bloated portfolio template. I wanted something fast, clean, and focused on writing. Something that felt like opening a well-designed book.

Choosing the Stack

After evaluating several options, the choice was clear:

  • Astro for its content-first approach and zero JS by default
  • Tailwind CSS for rapid, consistent styling
  • MDX for rich, interactive blog posts like this one
  • GitHub Pages for simple, free hosting

0

Lighthouse Score

0 KB

KB of JavaScript

0

Pages Built

Design Principles

The design follows a few simple principles:

  1. Content first. Typography and readability above all else
  2. Minimal chrome. The interface should disappear
  3. Fast by default. No layout shifts, instant navigation
  4. Responsive everywhere. Works on any screen size

What’s Next

This site is a living project. I plan to keep iterating: adding new content, refining the design, and experimenting with new ways to tell stories on the web.

If you’re curious about the source code, it’s all on GitHub.

Thanks for scrolling along.