82 Bugs I Collected in a Year You Won’t Believe Made It to Production

What do 3.0004 cheese slices and a lost hotel booking have in common? They're both real bugs that made it to production.

#1about 6 minutes

A gallery of common bugs found in production

Real-world examples of production bugs include UTF-8 issues, Unix timestamp errors, null values, dark mode failures, and floating-point inaccuracies.

#2about 3 minutes

Analyzing bug collection data and trends over time

A visual analysis of 334 bugs collected over two years reveals monthly trends and a surprising peak in bug occurrences during June.

#3about 2 minutes

Breaking down production bugs by category

Bugs are categorized into major types like UI and backend logic, with UI bugs being the most common, particularly in responsiveness, templating, and glitching.

#4about 7 minutes

Solving responsiveness bugs with a mobile-first approach

Adopting a mobile-first design philosophy and using end-to-end testing frameworks like WebdriverIO and Playwright can prevent common responsiveness issues.

#5about 6 minutes

Using user-centric methods to find glitching bugs

Techniques like dogfooding, exploratory testing, and heatmap visualization help identify unexpected glitches and user friction points like dead clicks and rage clicks.

#6about 3 minutes

Preventing unresolved templating with automated tests

Unresolved placeholders in text and emails can be prevented by implementing unit and integration tests that include assertions to check for missing values.

#7about 2 minutes

Managing unfiltered error messages in production

Exposing raw error messages and stack traces creates security vulnerabilities and poor user experience, so they should be replaced with generic messages in production.