Smashed: Eliminating Ghost Audio & YouTube IFrame Lifecycle Race Conditions in a Next.js Retro Web App

Summer Bug Smash: Clear the Lineup 🐛🛹

This is a submission for DEV's Summer Bug Smash: Clear the Lineup powered by Sentry.

Project Overview

I've been working on English Music Nostalgia, a fun side project built with Next.js (App Router), React 19, TypeScript, and Tailwind CSS.

The goal was to recreate the physical feeling of listening to music in the past. It features an interactive 90s Cassette Deck (with rotating reels), a 2000s MP3 Player (with a classic click wheel), and ambient scenes like a rainy bedroom and cyber desk.

Smashed: Eliminating Ghost Audio & YouTube IFrame Lifecycle Race Conditions in a Next.js Retro Web App

Related reading

Smash Story: How I Hunted Down a 45% Idle CPU Leak in an Interactive Retro…

Architectural Resilience: Mitigating V8 Memory Leaks and Redis Cache Stampedes

When AI Fails to Smash the Bug 🪲

Fixing Cache Stampede & API Latency Spike in Redis-Backed Dashboards

The Ghost in the View Transitions API: A Bizarre Debugging Saga with Google AI…

The Missing GitHub Icon That Broke My Production Build