Personal Portfolio & Engineering Blog
Established a production-grade public presence enabling inbound leads for full-time remote and freelance engagements.
A performance-first personal portfolio built with Astro 5 and React 19, showcasing case studies, an engineering blog, and a headless CMS-driven architecture designed to convert visitors into professional opportunities.
01
Overview
A monorepo portfolio site pairing an Astro 5 static frontend with a Strapi 5 headless CMS backend. The frontend is statically generated at build time, pulling case studies from Strapi and shipping minimal JS by default with React islands only where interactivity is required. Deployment runs on AWS Amplify via Github integration.
02
The Challenge
Build a content-managed portfolio with strong performance, accessibility, and CI reliability.
03
Solution
Used Astro island architecture for static-first rendering, Strapi for content modeling, and strict TypeScript across UI and data contracts. Custom IntersectionObserver animation and AWS hosting completed the stack.
04
Implementation Highlights
Astro Island Architecture
Interactive components hydrate only where needed, preserving static performance for most content.
<AiAssistant client:visible />
05
Impact
- Drives inbound opportunities with a high-signal engineering showcase
- Keeps project content editable through CMS without source edits
- Communicates system design capability beyond resume bullets
06
Tech Stack
front end
cms
ai
cloud / devops
architecture & design
languages & runtimes
soft skill
07
Key Learnings
Static-first architecture simplifies performance decisions
Build-time CMS integration keeps runtime simple
Pre-commit build checks catch integration issues early
Interested in building something similar?
Let's design a scalable solution tailored to your needs.
Schedule a Call