shippedBySayre

This site. A personal portfolio and dev blog built with Astro, Tailwind v4, and MDX. Static-first, no backend.


Why build it

I wanted a place to document architecture decisions and lessons learned without worrying about employer confidentiality. Side projects and half-finished experiments also needed somewhere to live outside of a private repo nobody ever reads.

The other reason: I’ve been using Claude Code heavily for daily development and wanted a project where I could observe how agent-assisted development works end to end on something I understand completely.

Stack

  • Astro 6 — static output, file-based routing, MDX for content
  • Tailwind CSS v4 — utility classes for layout, custom properties for the design system
  • MDX — lets me drop components into markdown where needed
  • No framework — zero client-side JavaScript unless explicitly added

Design decisions

The design system lives entirely in global.css using @layer components. That keeps component markup clean and makes the tokens easy to find. No design token files, no CSS-in-JS, no component library.

Content lives in src/content/ and is typed via Astro Content Collections. Adding a new project or note is a single markdown file with frontmatter — no CMS, no database.

Status

Active. Adding content and refining the design as I go.