Personal Website
A fast, accessible personal website built with Astro and Tailwind CSS.
Role
Solo Developer
Impact
Created a performant portfolio with Lighthouse scores above 95.
Technologies
Astro TypeScript Tailwind CSS MDX
Project Overview
This personal website serves as my digital portfolio and blog. Built with modern web technologies, it prioritizes performance and accessibility.
Key Features
- Static Site Generation: All pages are pre-rendered for optimal performance
- Content Collections: Type-safe content management with Astro
- Responsive Design: Works seamlessly across all device sizes
- Accessibility: WCAG 2.1 AA compliant
Technical Highlights
The site achieves near-perfect Lighthouse scores through:
- Zero JavaScript for content pages
- Optimized images with WebP/AVIF formats
- Tailwind CSS with purged unused styles
- System fonts for instant loading