A premium portfolio website achieving near-perfect Lighthouse scores through static generation and aggressive optimization. Built with Astro’s Islands Architecture to deliver zero JavaScript by default with targeted interactivity only where necessary.
🎯 Overview
This portfolio serves as the central hub for professional identity and technical experimentation. It balances premium design aesthetics with exceptional performance, using bento-style layout to showcase projects, case studies, and technical writing across all device sizes.
🛠️ Tech Stack
- Astro: Islands Architecture enabling static pages with selective hydration and zero JavaScript overhead.
- Tailwind CSS: Responsive design system focusing on typography, whitespace, and visual hierarchy.
- TypeScript: Type-safe content collections for blog posts and project case studies.
- Cloudflare Pages: Edge deployment for global availability and CI/CD automation.
📈 Key Features
- Zero JavaScript by default with Islands Architecture
- Responsive bento-style layout for all viewport sizes
- Type-safe content management with Astro Collections
- Near-perfect Lighthouse scores through aggressive optimization
- Fully accessible navigation and semantic HTML structure