The Meta Case Study
This portfolio site is itself a demonstration of rapid prototyping. Built as a monorepo with three distinct applications, it showcases how to ship fast without cutting corners.
Architecture
Monorepo with Three Apps
- Home (React 18 SPA) — the main portfolio with 3D globe, flip card animations, and Framer Motion transitions
- Blog (Astro 5 SSG) — database-driven blog with SEO optimization and RSS
- Work (Astro 5 SSG) — this very page, with Supabase-powered project data
Build Strategy
All three apps build independently and merge into a single deployment:
- Home builds to
/dist/(root) - Blog builds and merges to
/dist/blog/ - Work builds and merges to
/dist/work/ - A custom merge script handles asset hoisting and unified sitemap generation
Key Technical Decisions
- Supabase for everything — blog posts, projects, training content, user auth
- Static generation — fast page loads, SEO-friendly, zero server costs
- npm workspaces — shared dependencies, independent builds
- Vercel deployment — single domain, automatic previews
Design
Dark, editorial aesthetic with:
#0a0a0abase with#111card surfaces- Inter for clean typography at all scales
- Warm
#e8c547accent for metrics and highlights - Subtle animations that enhance without distracting
Performance
Built for speed: static HTML, optimized images, minimal JavaScript, and zero client-side routing on content pages.