10 posts
React hydration error #418 in the portfolio footer, a mystery that only happened at night: the server renders in UTC, the visitor in local time, and a new Date() in JSX gave each of them a different answer. The hunt for the useState(null), the pinned timeZone, and the epilogue where I myself created a second bug while fixing the first.
Erro #418 do React no rodapé do portfólio, um mistério que só acontecia à noite: o servidor renderiza em UTC, o visitante em fuso local, e o new Date() no JSX devolvia respostas diferentes pra cada um. A caçada até o useState(null), o timeZone pinado, e o epílogo em que eu mesmo criei um segundo bug arrumando o primeiro.
The portfolio hero typed, erased, and retyped — not as an effect, but as a bug: deferred hydration mounted the component and reset the text already on screen. The story of how LCP dropped from 3.6s to 2.7s by removing idle-hydration from the wrong place.
O hero do portfólio digitava, apagava e redigitava — não por efeito, mas por bug: a hidratação adiada montava o componente e zerava o texto que já estava na tela. A história de como o LCP de 3.6s caiu pra 2.7s removendo a hidratação ociosa do lugar errado.
A wrong Cache-Control header in vercel.json was overriding the revalidate=1800 ISR setting and turning every cache expiry into two synchronous GitHub calls inside the TTFB. The story of how cold cache became warm: 3.6s down to 140ms.
Um header Cache-Control errado no vercel.json sobrescrevia o revalidate=1800 do ISR e transformava a expiração do cache em duas chamadas síncronas ao GitHub dentro do TTFB. A história de como o cache frio virou quente: 3.6s pra 140ms.
Portfolio was 100% functional, 218 tests passing, zero CI errors. But mobile Chrome users saw old versions when restoring tabs. The cause: Chrome's bfcache ignores HTTP headers — and the fix came cross-project from LifeLog.
O Portfólio estava 100% funcional, 218 testes passando, zero erros no CI. Mas usuários de mobile Chrome viam versões antigas ao restaurar abas. A causa: o bfcache do Chrome ignora headers HTTP — e a solução veio cruzada de outro projeto.
529 commits, 218 testes, 5 mini-games, parallax scene multicamada, terminal interativo com 15+ comandos, i18n PT/EN — a jornada de um portfólio que virou vitrine interativa.
529 commits, 218 tests, 5 mini-games, multi-layer parallax scene, interactive terminal with 15+ commands, full PT/EN i18n — the journey of a portfolio that became an interactive showcase.