Welcome to the New Portfolio

This is my new portfolio built with modern web technologies. After years of using different frameworks and designs, I’ve settled on a stack that perfectly balances performance, developer experience, and aesthetic appeal.

The Technology Stack

Astro 5 serves as the foundation, providing incredible out-of-the-box performance and a modern content layer. The new content collections with glob loaders make managing blog posts effortless.

React 19 powers all interactive components. I’ve carefully chosen which components need client-side rendering using Astro’s client:* directives. The Navigation, Home, and Blog components use client:load for their interactivity, while the Layout wrapper remains mostly static.

Tailwind CSS v4 is the latest evolution of utility-first CSS. The new CSS-based configuration using @theme is cleaner and more intuitive than the old JavaScript config approach. Custom design tokens are now defined as CSS custom properties.

Design Philosophy

The design draws inspiration from editorial layouts with a paper texture background and sophisticated typography. The color palette uses warm off-white (#F5F2EB) as the base with a rich red accent (#C92C1D) for CTAs and highlights.

Stay tuned for more posts about PHP, Laravel, System Design, and Full-Stack Development.