This Portfolio Site

A performant, accessible, AI-parseable showcase migrated from a React SPA to Astro SSG.

Live Demo
AstroReactTypeScriptContent CollectionsSSGAccessibility

Designed and developed this portfolio from scratch, migrating from a client-rendered React SPA to an Astro static site so content is fully crawlable by both search engines and AI-based resume/portfolio parsers.

The Challenge

The original React SPA rendered all content client-side, meaning any tool that fetches raw HTML without executing JavaScript - including a growing number of AI-based recruiting and portfolio-parsing tools - saw an empty page instead of actual content.

Key Decisions & Tradeoffs

  • Migrated to Astro SSG so static HTML content is fully crawlable on first load, while React components ('islands') preserve the interactive UI where it's actually needed.
  • Adopted Astro Content Collections - schema-validated markdown frontmatter - as the content-as-data layer, replacing ad hoc TypeScript arrays with a more structured, type-checked approach.
  • Kept semantic HTML and accessibility as a core requirement rather than an afterthought.

Outcome

A living portfolio that's fully readable by both humans and automated parsers without sacrificing interactivity - and a hands-on demonstration of Astro/SSG skills in its own right.