Skip to content
Steph Huynh

System Overview

This site is built as a small UI system, not just a static portfolio. The goal is to keep the structure clear as the codebase grows, and to make it easy to ship new components without breaking existing UI.

What’s included

Section titled “What’s included”

At a high level, the system has three main outputs:

  • Portfolio + Blog (Astro + Svelte)
  • Docs (Starlight)
  • Storybook (component development and review)

Supporting tools help keep the system maintainable:

  • PostHog for lightweight analytics
  • Chromatic for visual regression checks in CI
  • Vercel KV for server-side sessions (protected routes)
  • Supabase for contact form message storage

Diagram

Section titled “Diagram”

This diagram shows the major site surfaces and the supporting tooling around them.


System overview diagram showing the portfolio, docs, and Storybook, plus analytics, visual checks, authentication, and contact form storage

Notes

Section titled “Notes”

This documentation is intentionally lightweight. The goal is clarity, not complexity. As the component library grows, this page acts as a reference point for where things live and how the pieces connect.