Skip to main content

Blog

Technical deep-dives, opinions on frontend trends, tutorials, and lessons learned.

Posts
A monitor displaying lines of code in a dark editor

Automating Visual Regression Testing in GitHub Actions

A CI pipeline that catches visual regressions with Playwright screenshots, auto-updates baselines via workflow dispatch, and re-triggers itself using a PAT.

3 min read
A clean desk with an open notebook showing a table of contents

Building an Auto-Generated Table of Contents with Scroll Spy

A responsive, accessible TOC that extracts headings from rendered MDX, tracks reading position with IntersectionObserver, and adapts between a sticky sidebar and a mobile bottom sheet.

3 min read
An abstract network of connected nodes glowing in blue

Building a Unified Content Pipeline with Next.js and MDX

How I refactored from duplicated per-type data files to a single content registry, cutting the cost of adding new content types from 6+ files to 3.

1 min read