Investigar uma stack e priorizar atualizações

Um radar só serve com rótulo de ação por item: alerta age nesta semana, atualização espera a janela de manutenção e novo se avalia no projeto seguinte. Quem aprova atualização num site no ar decide pelos 16 itens rotulados, a esteira de build escolhida e o que não fazer até dezembro.

Alerta pede ação nesta semana: aplique a correção ou congele a versão atual até conseguir aplicar. Atualização espera a janela de manutenção, a hora marcada em que o site pode oscilar sem prejudicar ninguém. Novo você avalia no próximo projeto e nunca vira migração do que já funciona.

Um portal de contabilidade parado há um ano separa a fila em três num quarto de hora. O React na faixa da CVE-2025-55182 e o gerador de balancete que recebe HTML do cliente são alerta. O mapa em Leaflet 1.x fica onde está, e o HTMX 4 sugerido pelo agente é recusado.

Dois itens mudam a base do próximo projeto. O Vite 8 com Rolldown 1.0 virou um empacotador único em Rust, estável na 8.2.2 desde 20 de agosto de 2026. Um build de 19 mil módulos caiu de 40,10 segundos para 1,61 segundo, cerca de 25 vezes; projeto pequeno ganha de duas a cinco vezes.

O Astro chegou à linha 7, estável na 7.3.2 de 8 de setembro de 2026. As coleções de conteúdo ao vivo, a API de fontes e os Cloudflare Workers de primeira classe vieram na 6, e fazem dele a escolha para relatório estático e microsite. Na tela, ApexCharts 6.0 e 7.1 trouxeram anotação arrastável, filtro cruzado, desfazer e refazer, visão compartilhável por URL, plugins e canvas, sem quebrar gráfico existente.

TanStack Table v9 ficou estável em 04/08/2026 com plugins que só entram no pacote quando usados. MapLibre GL JS v6 exige WebGL2 e só distribui ESM: quem depende de UMD congela na v5. Lucide 1.0, de junho de 2026, é a primeira major estável do conjunto de ícones do shadcn/ui, com mais de 1.600 ícones.

No PDF, Typst 0.15 gera PDF/UA-1 e PDF/A-2a no mesmo arquivo e dá erro explícito quando não conforma, em vez de um PDF silenciosamente errado. WeasyPrint 69 corrige a CVE-2026-49452 e é obrigatório para quem renderiza HTML que veio de fora.

O CSS e os tokens, os valores de estilo guardados com nome, ganharam dois recursos. A função contrast-color() entrou em Baseline Newly Available em abril de 2026, com Chrome 147, Firefox 146 e Safari 26, e escolhe entre preto e branco pelo maior contraste que o navegador calcula.

Ela não substitui a medição da razão de 4,5:1, e navegador anterior ignora a declaração, então escreva a cor de reserva junto. A alvenaria nativa virou grid-lanes dentro do Grid, com o Safari 26 na frente.

O formato DTCG de design tokens é trabalho de um Community Group do W3C, sem status de Recommendation. Peça o arquivo de tokens nesse formato assim mesmo, citando o rascunho de editor pela data em que você o leu. Video.js v10 juntou os times de Video.js, Plyr, Vidstack e Media Chrome na Mux num player novo, em beta com 5 kB gzip na versão mínima.

Three.js r184 com o Safari 26 embarcando WebGPU cobre todos os navegadores relevantes no renderizador novo. Spark 2.0 transmite mundos com mais de 100 milhões de splats no navegador, inclusive em celular. A camada semântica virou pré-requisito de IA: Cube e dbt se integraram em 16/07/2026, com acurácia próxima de 100% contra text-to-SQL direto.

WCAG 2.2 AA (a norma de acessibilidade, no nível intermediário) é o alvo técnico adotado neste curso. A obrigação legal depende do país e do setor. WCAG 3.0 segue rascunho. Para o seu site, trate o piso AA como cláusula de contrato e a camada semântica como requisito de todo painel que uma IA vai responder.

A esteira de build segue a base. Vite 8 serve Astro, SvelteKit e projeto novo. Turbopack é o padrão do Next.js 16 em desenvolvimento e build, com ressalva para configuração webpack complexa. Rspack 2.2 fica com quem precisa manter a configuração webpack, com a versão Rust do React Compiler desde a 2.1. Bun, esbuild e SWC seguem como antes.

Qualidade entra na mesma esteira. Biome 2.3 ou superior tem mais de 423 regras cientes de tipo sem o compilador TypeScript completo, com suporte experimental a Vue, Svelte e Astro. Lightning CSS cuida do CSS que não passa pelo Tailwind. Storybook 10 é só ESM, 29% menor na instalação, e serve de catálogo e teste visual.

Vitest roda os testes. Playwright faz o teste de ponta a ponta e a regressão visual do SVG compilado entre PRs, as propostas de mudança. O axe-core com Playwright vira portão de acessibilidade no CI, a esteira automática que roda a cada envio.

Dois números circulam sobre o alcance desse portão, e eles medem coisas diferentes. A Deque, que mantém o axe-core, fala em 57% dos problemas encontrados, contando volume de itens; a leitura por critério de sucesso fica entre 30% e 40% de cobertura. Somar ou trocar um pelo outro é o erro mais frequente em relatório de conformidade, e o resto continua sendo revisão humana.

Pa11y e Lighthouse CI completam a auditoria, e o mesmo axe-core é o motor do relatório de acessibilidade do Lighthouse e do painel do Chrome, o que explica ferramentas aparentemente independentes concordarem. MSW simula o dado assíncrono em teste com TanStack Query, e Sharp ou Squoosh geram AVIF e WebP no build.

Abra o package.json, a lista de pacotes do projeto, e marque cada linha com um dos três rótulos antes de aprovar qualquer atualização. Aplique nesta semana tudo o que caiu em alerta, e agende o resto para a janela de manutenção. Guarde os itens novos, como Astro 6 e TanStack Table v9, num arquivo de decisões para o próximo projeto.

Leia a stack pela rede e feche as sete decisões iniciais

A tecnologia de um site vaza em quatro lugares do painel de rede, e ler esses sinais evita contratar a infraestrutura errada. Stack é a lista de tecnologias do site, como a lista de materiais de uma obra.

Quem decide a stack do próprio negócio separa sinal de dedução e escolhe a família. As sete decisões iniciais ficam fechadas antes de pedir a primeira tela.

Só conta como evidência um sinal técnico direto: cabeçalho de resposta, caminho de arquivo, atributo no HTML entregue ou cookie. Tudo o mais é inferência e entra marcado como tal. Os cabeçalhos entregam o servidor e a rede que distribui a página; os caminhos carregam a marca de quem os gerou, como /_next/ para Next.js.

Os atributos que o framework (a base pronta do site) injeta no HTML nunca somem; os cookies denunciam o serviço de publicação. Esses sinais são confiáveis porque cada camada precisa se identificar para funcionar: escondê-los quebraria o próprio site.

A tecla F12 abre o painel; recarregue com o cache (a cópia guardada pelo navegador) desligado e leia o peso total no rodapé, o teto da sua página. Uma página que pesa o dobro da referência já saiu perdendo antes de qualquer desenho.

Uma vaga de emprego publicada por uma empresa grande prova que uma equipe usa determinada tecnologia, e para de provar aí. Amazon, Mercado Livre, Apple e Duolingo ocupam pontos diferentes entre montar a tela no servidor e montar no navegador. O ponto muda tela a tela dentro da mesma empresa.

A direção de 2026 empurra as quatro para o mesmo lado: menos código no navegador, mais decisão pronta no servidor. A Apple divide o próprio site entre aplicativo de música em página única e páginas de marca em HTML e pouco JavaScript. O que se transfere é o princípio que continua verdadeiro na sua escala; a infraestrutura deles fica lá.

Um conjunto de 26 sites de alto padrão se divide em três famílias, e quem vai mexer no site daqui a seis meses decide qual é a sua. O construtor de sites, Webflow ou Framer, em cerca de 11 deles, serve a quem entrega o site e vai embora, com o cliente publicando sozinho depois.

O código próprio com texto em repositório separado, Next.js e Sanity em cerca de oito, serve a quem tem programador em casa. O artesanal, HTML e CSS próprios em cerca de quatro, serve ao site mantido por uma pessoa só. O construtor cobra na saída, porque deixá-lo exige refazer o site inteiro.

Ler a família antes de contratar economiza reunião. A imobiliária que ia pagar uma agência para replicar o site de um concorrente admirado descobriu no painel de rede um construtor pronto, sem código para copiar.

Sete decisões cobrem o começo de qualquer projeto, uma por camada. Linguagem: TypeScript, que na versão 7.0 liga o modo estrito por padrão. É ele que pega o erro que o agente (o assistente de IA que escreve código) produz com toda a confiança. Framework: React com Next.js para aplicação e Astro para conteúdo.

Build: ferramenta em Rust ou Go, Vite ou Turbopack, no lugar de webpack e Babel. Renderização: estática e incremental por padrão, com renderização por requisição só para dado que precisa estar fresco. Estilo: utilitário ou gerado no build, sem CSS calculado no navegador, que quebra com componente de servidor e pesa a página.

Estado: a cópia do dado do servidor separada do estado que só existe na tela.

A sétima é a medição, e ela tem regra escrita. As três medidas de página valem sobre visualizações reais, no 75º percentil, com celular e computador contados em segmentos separados. Pelo menos 75 de cada 100 visualizações válidas do segmento precisam atingir o limiar.

O limiar de bom é 2,5 segundos ou menos para a maior pintura, 200 milissegundos ou menos para a resposta ao toque e 0,1 ou menos de deslocamento de layout. O operador é "ou menos": escrever "menor que" exclui a página que ficou exatamente no limiar. Nenhuma mudança desses três valores foi anunciada até setembro de 2026.

A janela de 28 dias que aparece em toda conversa sobre isso pertence ao conjunto de dados de campo usado pelo relatório do Search Console. Esse relatório só aprova a URL quando as três medidas ficam em bom, e colar os 28 dias na definição do limiar é erro de atribuição.

Dez perguntas de triagem fecham a stack numa folha, e a matriz abaixo cruza 12 cenários com a stack recomendada. SEO real (aparecer no Google por mérito) pede meta-framework, Next.js ou Astro. Poucos elementos ricos pedem SVG; milhares de redesenhos pedem Canvas ou WebGL. Editor com conectores pede JointJS ou GoJS. Tempo real começa em ECharts.

Velocímetro com identidade própria pede D3 sobre SVG. Push num sentido só (o servidor avisa, o navegador ouve) é SSE. Cálculo pesado é WebAssembly. Pouco código de cola é Zustand ou Pinia, e auditoria é Redux Toolkit. Orçamento de desempenho e observabilidade entram no primeiro sprint, porque produto visual sem esse controle degrada em silêncio.

Escreva as sete decisões, linguagem, framework, build, renderização, estilo, estado e medição, num parágrafo só, uma linha cada, para colar no início de todo pedido ao agente. Junte a linha da matriz do seu cenário antes de pedir a primeira tela, e marque no laudo cada campo como visto ou deduzido.