Personal Engineering Site
A fast, content-driven professional site built with Astro to present my engineering profile, project evidence and writing.
Outcome: Static-first site with typed content collections, minimal JavaScript, responsive CSS and clear recruiter/client positioning.
AstroTypeScriptMDXContent CollectionsCSS
Completed June 2026
Personal Engineering Site
A focused personal site built with Astro, designed to work as a professional surface for recruiters, collaborators and engineering teams.
Goals
- Present my current profile clearly: software engineering, cloud, product work and AI workflows.
- Keep the site fast and maintainable through static-first architecture.
- Use content collections for projects and writing so updates stay type-safe.
- Avoid unnecessary client-side JavaScript while still delivering a polished experience.
Implementation
The site uses Astro pages, MDX content collections and scoped component styles. The design system is built with CSS custom properties, responsive grids and a compact set of reusable global classes.
What I optimized for
- Clarity — recruiters should understand my value in under one minute.
- Performance — static pages, minimal JavaScript and clean CSS.
- Maintainability — project and writing content lives in typed MDX files.
- Professional positioning — the site highlights ownership, architecture and delivery rather than tool-specific labels.