Everything is static except the store in the browser and the booking server behind it.

Web

This site

A portfolio built as a store, with real booking on Google Calendar.

~19KB JavaScript, gzipped

Company: Personal project
Role: Product, design, and engineering
Period: 2026
Stack: TypeScript · Astro · Cloudflare Workers · Playwright

“Add to cart” takes you to the store with this project in your cart.

How it’s built

No framework runtime and no third-party widgets: static Astro pages with one interactive island. The store’s state is a pure, unit-tested reducer in plain TypeScript, and the cart lives in the URL, so a cart can be shared as a link.

Checkout books a real call: a small Cloudflare Worker reads my Google Calendar free/busy and sends the invite with a Meet link. Everything renders as plain HTML first, so the site works without JavaScript and prints as a résumé.

Two designs

The same markup carries two designs. A theme layer of design tokens and component rules switches the whole site to a 1990s version with a CRT-style transition, remembers the choice, and never prints.

Scores

Lighthouse mobile scores 100 for accessibility and best practices on every page; performance is 96–97 on project pages and about 70 on the landing page. axe finds no WCAG 2.2 AA violations in any state.

100Lighthouse accessibility