frontend

7 Apr 2026, BST

Building a dark/light theme toggle in Astro

CSS custom properties, localStorage persistence, and no flash of wrong theme

How this blog's theme toggle works — a data-theme attribute on the root element, CSS custom properties for every colour, an icon-triggered dropdown for System/Light/Dark selection, and a synchronous inline script to prevent the flash of wrong theme on load.

1 Apr 2026, BST

Typed content collections in Astro

Zod schemas, build-time validation, and what the draft flag actually does

How this blog uses Astro content collections with a Zod schema to validate every piece of frontmatter at build time — including typed images, optional fields, and the draft flag pattern that keeps work-in-progress posts off the live site.