cd ../blog/

Hello, World! — Building a Terminal-Themed Site

2026-05-30
Next.js
TypeScript
Design

Why a terminal theme?

I've always loved the developer aesthetic — dark themes, monospace fonts, and the satisfying simplicity of a terminal. For my personal site, I wanted something that feels like home. Something that resonates with the tools I use every day.

The tech stack

This site is built with a modern but pragmatic stack:

const stack = {
  framework: "Next.js 14",
  language: "TypeScript",
  styling: "Tailwind CSS",
  components: "shadcn/ui",
  content: "MDX + Shiki",
  animation: "Framer Motion",
} as const;

Code highlighting with Shiki

One of the key features is syntax highlighting powered by Shiki. It uses TextMate grammars — the same engine behind VS Code's highlighting. This means the code you see here looks identical to what you'd see in your editor.

def fibonacci(n: int) -> int:
    """Generate the nth Fibonacci number."""
    if n <= 1:
        return n
    a, b = 0, 1
    for _ in range(n - 1):
        a, b = b, a + b
    return b
fn main() {
    println!("Hello from Rust!");
    let greeting = String::from("Terminal vibes");
    println!("{}", greeting);
}

What's next

I plan to write about:

  • Interesting problems I solve
  • Open source contributions
  • Tools and workflows that make me productive
  • Deep dives into technologies I'm learning

Stay tuned, and thanks for reading!