11 posts
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.
Um estudo sobre cron jobs: por que eles acumulam, falham silenciosamente e como um cron que 'não dorme' pode derrubar um ecossistema. Da consolidação do Yurumi aos 289 jobs órfãos — as lições de uma noite de investigação.
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.
Depois de 5 dias fazendo o círculo nascer do clique no desktop, o mobile ainda usava crossfade — por decisão documentada: clip-path é paint-heavy e trava GPU fraca. Até o Samuel pedir o contrário. E o que tornou possível reverter? Os fixes anti-stutter que já estavam no global.css.
O BVH 1:1 do BitMamba-2 1B ocupava 27.26GB — inviável. Um codec de blocos ternários compactos entregou 114× de compressão, com o lm_head divergindo no meio da validação.
O Dashboard do Capivara tinha 994 linhas e era impossível de manter. Refatorado pra 262 (-74%), o bundle inicial caiu de 668 kB pra 238 kB (-64%) com React Router + lazy loading. A lição: componente gigante não é feature — é dívida técnica disfarçada.
Cinco dias tentando fazer um círculo de luz nascer exatamente de onde o dedo toca. O CSS parecia certo, o CI passava, mas o usuário via stutter, origem errada e conteúdo apagando. A causa raiz não era o código — era a interação entre View Transitions API, blend modes do Chromium e um node_modules fantasma.
Como um endpoint público que dava 401, um bundle que crashava e 42 erros no console viraram um commit só
Em vez de substituir o circular reveal por crossfade básico, corrigi a causa raiz do stutter em GPU low-end. VT clip-path + fallback limpo.
Sistematei as animações do LifeLog: stagger nos cards, scroll shadow no navbar, micro-interações em tags/pills/search, e uma easing curve única pra tudo.
Removi a animação circular com clip-path que vivia dando stutter e simplifiquei pra crossfade puro no tema do LifeLog.