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.