Tech Stack
A modern portfolio website demonstrating cloud architecture, CI/CD practices, and cost optimization on AWS infrastructure.
Overview
This portfolio itself is a demonstration of modern web architecture and cloud infrastructure best practices.
The Problem
Wanted a portfolio that showcased both frontend skills and cloud infrastructure knowledge while remaining cost-effective.
The Solution
Built with Astro for optimal performance, deployed on AWS S3/CloudFront for global CDN delivery, costing less than $1/month.
Key Challenges & Solutions
1Static Site Routing
Challenge
S3 static hosting doesn't support client-side routing by default.
Solution
Configured CloudFront with custom error pages to handle SPA routing.
2Build Optimization
Challenge
Initial bundle sizes were too large for optimal performance.
Solution
Leveraged Astro's partial hydration and React lazy loading to reduce bundle by 70%.
Key Learnings
- Astro framework and islands architecture
- AWS S3, CloudFront, and ACM certificate management
- DNS configuration with Cloudflare
- Performance optimization techniques
- Cost optimization for cloud hosting
Key Features
- Server-side rendering with Astro
- Interactive React components with Framer Motion
- Global CDN distribution via CloudFront
- Custom domain with HTTPS
- Responsive design with Tailwind CSS
Project Impact
Media & Screenshots
AWS architecture diagram