Colophon
How this site is designed, built, tested and shipped.
stack
- framework
- React Router v8 in framework mode, server-rendered.
- ui
- React 19 with TypeScript.
- monorepo
- Nx with pnpm workspaces: the app plus a design-token library and a component library.
- bundler
- Vite.
- hosting
- Cloudflare Workers. The pages are rendered at the edge, not on a server in one place.
design
- design system
- Hand-rolled: three layers of OKLCH design tokens (primitives, derived, semantic), dark-first.
- accent
- Switchable — yellow, lime or amber — from the header. Your choice is kept in localStorage, and it is the only thing this site puts on your device.
- type
- Space Grotesk for text, JetBrains Mono for the rest.
- styling
- Tailwind v4 utilities bound to the semantic tokens; there is no palette to reach for.
content
- posts
- MDX, compiled at build time — so an article can use the same components as the rest of the site, and its images ship with a srcset like every other image here.
- feed
- Hand-built RSS 2.0 at /rss.xml.
quality
- tests
- Vitest and Testing Library, querying by role.
- e2e
- Playwright flows, plus an axe sweep over every page: WCAG A/AA and the best-practice rules, which is where the landmark checks live.
- security
- A Content Security Policy with a fresh nonce on every response, and the usual headers. Dependencies are scanned with Trivy on every change and once a week.
- releases
- Conventional commits; every merge to main versions and releases automatically.
No cookies, and no consent banner to click away. One thing is kept on your device: the accent you picked. Cloudflare Web Analytics measures how fast this page loaded for you — anonymously, with a new id each load, and none that outlives it.