Why I Rebuilt My Digital Home with Next.js and TinaCMS

Welcome to my new personal website.

For a long time, my portfolio was just a static list of code I had written. It showed what I did, but it didn't explain how I think.

Over the last 3+ years, my career has shifted. I went from optimizing high-stakes banking systems at Wide Technologies to architecting internal tools at Plananetworks. I realized that my value isn't just in writing code, it's in bridging the gap between "Enterprise Reliability" and "Modern Velocity."

The Tech Stack: Performance Meets Control

I treated this personal site like a client project at Siliwangi Studio. I didn't just want a site that looked good; I wanted a scalable content platform.

Here is the architecture I chose and why:

• Next.js (App Router): For server-side rendering and instant page loads. It allows me to hit 100/100 Lighthouse scores, ensuring the site is accessible and fast on any device.
• Tailwind CSS: For maintaining a strict design system without the bloat. It keeps the UI consistent and the CSS bundle size tiny.
• TinaCMS: This is the game-changer. Instead of hardcoding my blog posts or case studies, I integrated TinaCMS. It gives me a visual editing experience (Git-backed content) right on the page. It’s the same "Headless" setup I use to empower my clients to manage their own content without touching code.

Why this matters

I built this site to demonstrate that you don't have to choose between "fast" and "manageable." You can have both.

Whether I’m digitizing manual workflows for an operations team or building a marketing site, my philosophy remains the same: keep the solution simple, make it fast, and solve the actual business problem.

Feel free to explore the Projects to see how I apply this philosophy to enterprise systems, or connect with me on LinkedIn.