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!