← Back to blog

Hello World: Building This Site

·2 min read
nextjsmetaweb

Hello World

Welcome to my blog. This is the first post — a quick look at how this site is built and the decisions behind it.

The Stack

This site runs on Next.js with a static export, styled with Tailwind CSS, and uses MDX for blog posts. It's deployed to GitHub Pages via a simple GitHub Actions workflow.

Why Static?

For a personal site and blog, static is the sweet spot:

  • Fast — HTML files served from a CDN, no server-side rendering
  • Simple — No database, no backend, no server to maintain
  • Free — GitHub Pages hosting costs nothing
  • Portable — It's just files; easy to move anywhere

Why MDX?

MDX lets me write blog posts in Markdown but embed React components when I need something richer — interactive demos, custom callouts, or anything else.

Here's a code example to show off syntax highlighting:

def fibonacci(n: int) -> list[int]:
    """Generate the first n Fibonacci numbers."""
    if n <= 0:
        return []
 
    fib = [0, 1]
    for i in range(2, n):
        fib.append(fib[i-1] + fib[i-2])
 
    return fib[:n]
 
print(fibonacci(10))

What's Next

I'll be writing about backend engineering, systems design, and whatever else catches my attention. Stay tuned.