/stack/, /uses/, /blogroll/ — Personal Infrastructure Pages
Built /stack/ with a three-tier data pipeline diagram, /uses/ documenting hardware and software across machines, networking, finance, and fitness, and /blogroll/ with build-time-fetched meta descriptions.
/stack/ — the data pipeline diagram
The /stack/ page documents the full technical stack. The centerpiece is a three-tier pipeline diagram showing how data flows from authoring through serving to observability:
Author tier (blue) — how content enters the system:
Keystatic CMS → GitHub PR → astro build → Cloudflare Pages deploy
Serve tier (green) — how requests are handled: Browser → Cloudflare Edge → Worker middleware → Astro SSR or Workers Assets
Observe tier (amber) — how monitoring data flows:
Worker logs to D1 → snapshot.js → KV → Dashboards
web-vitals → sendBeacon → /api/cwv → D1 → cwv-snapshot.js → KV → /page-speed/
The diagram is pure CSS and HTML — no image, no canvas, no JS. Color-coded by tier with connecting arrows. Matches the visual style of the rest of the site.
The typography note at the bottom documents the font stack decision explicitly: system-ui on macOS/Windows, Roboto on Android, Arial as fallback, zero external font requests.
/uses/ — gear and software
The /uses/ page documents everything that makes the work environment function. Organized by category:
Machines: Asus Vivobook S (daily driver), Asus Chromebook Plus 514 (lightweight travel)
Peripherals: Das Keyboard mechanical, Logitech MX Master 3, Dell 24” monitor, Uplift standing desk, Topo ergo mat
Networking: Ubiquiti UniFi UDR7 router, U7 Lite AP, Starlink Mini (travel / backup)
Power & Home: EcoFlow Delta 2 portable power station, Home Assistant Green for home automation
Software: Cursor IDE (AI-native), Obsidian (notes), Proton Mail, LastPass
Finance: Monarch Money (budgeting), Betterment + Wealthfront (automated investing), Robinhood + Fidelity (brokerage)
This site: Porkbun (DNS), Cloudflare (Workers/D1/KV/R2), Astro 5, GitHub, Keystatic CMS
Fitness: Coros Apex 2 Pro GPS watch, Topo Athletic trail shoes
The page is listed on uses.tech in the directory of uses pages.
/blogroll/ — who I read
A curated list of sites and writers I follow. Each entry shows the site’s meta description, fetched from its homepage at build time. No runtime requests. Descriptions update when the site deploys, not in real time — which is fine; meta descriptions don’t change that often.
The list is managed in Keystatic as a singleton (name, URL, tags, optional fallback description). Adding or updating a site is a CMS edit followed by a deploy.