Sete demonstrações do nosso portfólio estavam quebradas
Sete das dez direções do mostruário retornavam erro 404. O motivo tem uma linha de código — e é uma armadilha que qualquer projeto React moderno pode ter.
Ao abrir o projeto, testamos as dez demonstrações do mostruário. Três funcionavam. Sete devolviam "página não encontrada".
O portfólio existia, estava pronto, bem-feito — e sete décimos dele eram inacessíveis. Ninguém tinha percebido porque os links do mostruário levavam às três que funcionavam.
A causa: o arquivo com os dados das sete demos começava com a diretiva "use client". Quando um componente de servidor importa um arquivo assim, o React não entrega os dados — entrega uma referência vazia. A verificação "esta demo existe?" respondia "não" para todas.
O arquivo estava certo, o dado estava certo, e mesmo assim o servidor recebia vazio. Fronteiras entre servidor e cliente falham em silêncio.
A correção foi mover os dados para um arquivo sem aquela diretiva. Três linhas. As sete páginas voltaram no mesmo minuto.
A lição não é sobre React. É sobre o que um site institucional esconde: funcionalidades que ninguém testa porque ninguém clica. Fizemos uma varredura por HTTP em todas as rotas do site — foi assim que achamos. Hoje isso faz parte do nosso processo de entrega.