Building a High-Performance Full-Stack Portfolio: Hugo, Supabase & Deno Edge Functions

Building a High-Performance Full-Stack Portfolio: Hugo, Supabase & Deno Edge Functions When engineers build their portfolios, they often choose between two extremes: a simple static page or an over-engineered Single Page Application (SPA). For my portfolio, I chose a third path: a modular, event-driven architecture that combines the speed of a static site with the power of a serverless backend. Architectural Philosophy The primary goal was to achieve a 100/100 Lighthouse score while maintaining dynamic features such as a newsletter system and automated reporting. Tech Stack: Frontend : Hugo (Static Site Generator) + Tailwind CSS 4.0 . Search : Pagefind (static search on the client side). Backend-as-a-Service : Supabase (PostgreSQL + Edge Functions). Runtime : Deno (TypeScript) for serverless business logic. Automation : GitHub Actions (CI/CD + Cron jobs). Engineering Highlights 1. Event-Driven Newsletter System Instead of a traditional API server, I utilized Supabase Edge Functions bui