Tech Stack
Users
Views content
Frontend
Static site with edge caching
Image CDN
Optimized image proxy with caching
Takes content from CMS
Cloudflare Proxy
DDoS protection + IP obfuscation + routing
Laravel Backend
REST API + Admin Panel
Admin
Manages content
Why This Architecture
This website achieves a perfect 100 score on Google PageSpeed Insights, and that's not by accident. Every layer of the stack has been carefully chosen to maximize performance while keeping costs at zero.
A Modular Approach
The architecture follows a clear separation of concerns. The Astro.js frontend generates a fully static site that gets cached at the edge through Cloudflare R2. The Laravel backend with Filament serves purely as a headless CMS, exposing content via REST API. A dedicated Node.js image CDN handles media optimization and caching independently. Each component can be updated, scaled, or replaced without affecting the others.
CI/CD From Day One
Every deployment is automated through CI/CD pipelines. Pushing to the main branch triggers builds, runs tests, and deploys to production automatically. No manual uploads, no forgotten files, no "it works on my machine" issues. This approach catches problems early and ensures consistent, reproducible deployments every time.
Zero Cost Infrastructure
Thanks to Cloudflare's generous free tier, this entire infrastructure runs at no cost. The R2 storage, CDN caching, DDoS protection, and SSL certificates are all included. For personal projects and small businesses, this means enterprise-grade performance without the enterprise price tag.
Why This Matters
Modularity, speed, and reliability aren't just buzzwords for me—they're principles I apply daily in my professional work. Whether I'm building a personal project or developing solutions for clients, I believe that well-architected software pays dividends in maintainability, performance, and long-term cost savings. This portfolio itself is proof of that philosophy in action.