Devlog
started 2025-11
This site. A dark-mode-first personal portfolio and blog built with Astro, React, Tailwind v4, and MDX. Showcases code, music, and art.
Started as a place to dump thoughts and ended up being a proper design system exercise. The constraint was zero compromise on developer experience: type-safe content collections, real MDX rendering, a command palette that actually feels good to use. Every component is hand-rolled against the shadcn/radix-nova pattern — no copy-paste from the registry.
The color system is OKLch throughout, which means dark mode actually looks dark instead of grey. The gradient placeholders for art and music are intentional; real images will come when there are real images worth showing.
Highlights
- Content collections with full type-safety for posts, projects, music, and art
- Command palette (⌘K) built with cmdk and base-ui Dialog
- Tailwind v4 with OKLch color system — no config file
- MDX rendering with custom prose styles, no @tailwindcss/typography
- Static output, zero JS by default — React only where needed