BACK_TO_LOGS

System Initialization: Why I Built My Portfolio Like a Linux Terminal

2026-01-07
2 MIN READ
System Initialization: Why I Built My Portfolio Like a Linux Terminal

Welcome to the first entry in my new digital space. If you're seeing this, the "System Initialization" phase of my Portfolio v2 is officially complete.

The Philosophy

As a DevOps Engineer and Web Developer, I spend most of my day in the terminal. It’s where I feel most productive, where the magic happens, and where complex systems are tamed. So when it came time to rebuild my portfolio, I asked myself: Why not bring that aesthetic to the web?

Generic, high-gloss templates have their place, but I wanted something that felt authentic to my workflow. I wanted a site that says "I know my way around a shell" before you even read the first sentence.

The Aesthetic: Ubuntu Terminal

The design is heavily inspired by the Ubuntu desktop environment—the purple tones, the orange accents, and that iconic monospace typography.

* The Palette: Deep aubergine backgrounds and vibrant Ubuntu orange highlights.

* The Font: Ubuntu Mono. It’s crisp, readable, and looks great in code blocks.

* The UI: Window-like cards with title bar dots, terminal-prompt style inputs, and buttons prefixed with $.

The Tech Stack: Cutting Edge

Building a terminal look is easy; building a high-performance, reactive CMS behind it is the real challenge. Here’s what’s under the hood:

1. TanStack Start: A full-stack React framework that provides SSR, type-safe routing, and incredible performance right out of the box.

2. Convex (Self-Hosted): My database and backend. It’s reactive, meaning changes in the DB are reflected instantly in the UI without a page refresh.

3. Modern CSS: I’ve leveraged CSS variables for a robust design system that allows for easy theme swapping and maintainability.

What to Expect Next

This blog won't just be a placeholder. I plan to share:

  • * DevOps Deep Dives: CI/CD pipelines, Docker optimizations, and self-hosting adventures.

  • * Web Dev Tips: Modern React patterns, TanStack best practices, and UI/UX for developers.

  • * System Logs: Updates on my personal projects and learning journey.

If you're interested in the intersection of infrastructure and interface, stay tuned.

$ sudo apt-get update
$ sudo apt-get upgrade -y
$ echo "Hello world, v2 is live."

END_OF_TRANSMISSION