Stacks

É uma pergunta natural enquanto se navega: com o que é construído este site? Talvez admire a rapidez com que uma página se sente, esteja a escolher uma stack para o seu próprio projeto, ou simplesmente queira saber se um site corre em React, Vue, WordPress ou algo feito à mão. A boa notícia é que a web é invulgarmente transparente — um site envia grande parte da sua própria descrição ao seu navegador, e você consegue lê-la.

O termo «stack tecnológica» abrange várias camadas distintas, e convém mantê-las separadas. Há a framework ou biblioteca de front-end que constrói a interface (React, Vue, Svelte, Angular, ou JavaScript puro); a meta-framework ou ferramenta de build que a compila e a serve (Next.js, Nuxt, Vite, Astro); o back-end e o alojamento que a entregam; e os serviços auxiliares — analítica, tipos de letra, CDN, gestores de tags — sobrepostos por cima. Um único site pode misturar tudo isto.

Leia-o nas dev tools do seu navegador

A forma mais direta de investigar são as ferramentas de programador do seu navegador, que todos os navegadores modernos incluem gratuitamente. Abra-as e veja o painel Elementos para ler o HTML renderizado, o painel Rede para ver exatamente que ficheiros e domínios são carregados, e a Consola para detetar variáveis globais de frameworks. Nenhuma extensão é necessária; a informação já está à sua frente no momento em que uma página carrega.

As assinaturas que denunciam uma framework

Assinaturas precisas denunciam uma framework. Uma página cujo HTML contém um <div id="root"> ou <div id="app"> quase vazio que depois se preenche com conteúdo é quase de certeza uma single-page application construída com React, Vue ou uma biblioteca semelhante. Nomes de ficheiros no separador Rede como main.[hash].js, bundles «vendor», ou chunks com o nome de uma framework são indícios fortes, e atributos como data-reactroot ou data-v- na marcação apontam respetivamente para React e Vue.

• Dev tools do navegador (Elementos, Rede, Consola) — gratuitas, integradas, sem extensão
• Assinaturas da marcação: <div id="root">/<div id="app">, data-reactroot, data-v-
• Etiquetas de script: __NEXT_DATA__ (Next.js), window.__NUXT__ (Nuxt)
• URLs e cabeçalhos: /wp-content/ (WordPress), Server / X-Powered-By
• As extensões de deteção (ex. Wappalyzer) leem estes mesmos indícios públicos

O back-end e a camada de conteúdo também deixam impressões digitais. Os cabeçalhos de resposta incluem muitas vezes um valor Server ou X-Powered-By; URLs que contêm /wp-content/ ou /wp-json/ revelam WordPress; e a presença de uma etiqueta de script __NEXT_DATA__ é um sinal claro de Next.js, tal como window.__NUXT__ aponta para Nuxt. Nada disto exige ferramentas especiais — está tudo visível no código-fonte da página e nos pedidos de rede.

Extensões de deteção num clique, e os seus limites

As extensões de navegador condensam esta deteção num clique. Ferramentas como o Wappalyzer e extensões semelhantes de deteção de stack analisam uma página à procura destas mesmas assinaturas e apresentam uma lista organizada das frameworks, analítica, CDN e servidores que reconhecem. É conveniente, mas vale a pena perceber que estão a ler exatamente os indícios descritos acima, sem consultar um registo secreto — o que é também por que podem ser enganadas.

Essa falibilidade importa, por isso trate o resultado de qualquer detetor como prova indiciária e não como prova definitiva. Um site por trás de um CDN ou de um proxy inverso pode esconder o seu verdadeiro servidor de origem; uma framework pode ser configurada para remover os seus atributos reveladores; e a renderização do lado do servidor pode fazer uma SPA parecer um site estático à primeira vista. A deteção diz-lhe o que um site escolheu expor, o que normalmente é mais do que suficiente, mas nem sempre toda a verdade.

Ler os sinais públicos da web

Isto é, em espírito, o que a ferramenta original «Vue Telemetry» se propunha fazer: revelar que sites por aí estavam construídos com Vue e Nuxt, lendo estas mesmas assinaturas públicas. A ideia generaliza-se a todo o ecossistema de front-end — cada framework deixa rastos, e aprender a lê-los transforma uma simples curiosidade numa competência genuinamente útil para análise da concorrência, recrutamento, ou simplesmente para escolher as suas próprias ferramentas.

Há também uma dimensão de privacidade que vale a pena notar enquanto bisbilhota. O separador Rede não revela apenas a framework de um site; revela cada terceiro com quem a página dialoga — endpoints de analítica, redes de publicidade, fornecedores de tipos de letra e rastreadores. Inspecionar um site que utiliza é uma forma rápida de ver quem mais está envolvido em servi-lo, uma informação que o texto de marketing raramente oferece de livre vontade.

Da curiosidade a uma competência útil

Por isso, da próxima vez que se interrogar com o que um site é construído, não precisa de adivinhar. Abra as ferramentas de programador, leia o HTML e os pedidos de rede, procure as assinaturas, e confirme eventualmente com uma extensão de deteção. A web traz grande parte da sua arquitetura por fora, e assim que sabe onde olhar, identificar uma stack torna-se uma questão de minutos em vez de mistério.