Ditching the Theme Toggle: System Theme Detection in Astro
How I built system theme detection for my portfolio — an inline script for flash prevention, React hooks for reactive switching, and Shiki dual-theme syntax highlighting.
Hey, I'm
John Fay
Staff Software Engineer building full-stack products and AI-powered systems. Navy veteran, open-source contributor, and forever learner.
Recent Posts
View all →Writing a Geocoding API in Go (Coming from TypeScript)
What it's like switching from TypeScript to Go for an API project — the good, the painful, and the surprisingly ergonomic PostGIS queries.
Why I Switched from Next.js to Astro for My Portfolio
I've rebuilt my portfolio three times: Gatsby, Next.js, and now Astro. Here's the journey and why Astro is the one that stuck.
Projects
View all →Just PDF
A PDF signing app with PKCS#11 smart card signature integration, built with Bun, Electrobun, and React.
bun electrobun react typescript
Gameplan Network
Full-stack platform connecting car crash victims with legal and medical services. Crash report analysis, lead generation, automated outreach, and AI-powered workflows.
typescript react bun vite
+8