The Lab
Experiments
All 13 experiments run real code right now — nothing here is a placeholder. “Interactive demo” on a card means it runs on its own page; “Live” is reserved for a capability watched working in production, with dated evidence, on the stack page. Each experiment is a self-contained module — adding another takes a component, a registry entry, and a line in the loader map, not a routing change.
Showing 13 of 13 experiments
Durable jobs: a ledger you can watch
Promise work in a transaction, claim it under a lease, retry with backoff, stop poison, recover a crashed worker — and measure lateness against a written contract.
Lead capture with attachments
A public form that takes photos from a stranger safely: guest uploads bound to a cookie, stored before any email is sent.
Component catalog
Sheet, dropdown menu, select, tooltip, popover, alert, avatar, progress, breadcrumb, pagination — each accessible, each doing its job.
Presigned file upload
Upload an image straight to storage with a signed URL, watch the progress, and see the server verify the bytes before anything can use them.
Accounts and protected pages
Sign up, sign in, sessions, and ownership checks the server enforces on every mutation.
Database-backed records
Create, edit, and delete rows that survive a restart — with an audit log written in the same transaction.
Streaming AI chat
A chat that streams token by token — from a scripted mock with no key, or Claude the moment one is configured.
External API through a server proxy
Live weather from Open-Meteo, fetched server-side so the third party never sees your visitors.
Internal API route
Call our own JSON endpoint, watch it validate the payload with Zod, and inspect the real HTTP exchange.
Modal dialogs
Focus trapping, escape handling, and the difference between dismissible and destructive dialogs.
Search, filter, and sort
48 records generated in memory, with live text search, multi-facet filtering, sortable columns, and pagination — the rows are simulated, the pipeline is real.
Toast notifications
Non-blocking feedback for actions that succeed, fail, or take a while to resolve.
Validated forms
One Zod schema shared by the browser and the server, with field-level errors and a real submission lifecycle.