Stack

È una domanda naturale mentre si naviga: con cosa è costruito questo sito? Forse ammiri quanto è veloce una pagina, stai scegliendo uno stack per il tuo progetto, o vuoi semplicemente sapere se un sito gira su React, Vue, WordPress o qualcosa fatto a mano. La buona notizia è che il web è insolitamente trasparente — un sito invia gran parte della propria descrizione al tuo browser, e tu puoi leggerla.

Il termine «stack tecnologico» copre diversi livelli distinti, e conviene tenerli separati. C'è il framework o la libreria front-end che costruisce l'interfaccia (React, Vue, Svelte, Angular, o puro JavaScript); il meta-framework o lo strumento di build che la compila e la serve (Next.js, Nuxt, Vite, Astro); il back-end e l'hosting che la consegnano; e i servizi ausiliari — analytics, font, CDN, tag manager — sovrapposti in cima. Un singolo sito può mescolare tutto questo.

Leggilo nelle dev tools del tuo browser

Il modo più diretto per indagare sono gli strumenti per sviluppatori del tuo browser, che ogni browser moderno include gratuitamente. Aprili e guarda il pannello Elementi per leggere l'HTML renderizzato, il pannello Rete per vedere esattamente quali file e domini si caricano, e la Console per individuare le variabili globali dei framework. Nessuna estensione è necessaria; l'informazione è già davanti a te nel momento in cui una pagina si carica.

Le firme che tradiscono un framework

Firme precise tradiscono un framework. Una pagina il cui HTML contiene un <div id="root"> o <div id="app"> quasi vuoto che poi si riempie di contenuto è quasi certamente una single-page application costruita con React, Vue o una libreria simile. Nomi di file nella scheda Rete come main.[hash].js, bundle «vendor», o chunk denominati come un framework sono indizi forti, e attributi come data-reactroot o data-v- nel markup puntano rispettivamente a React e Vue.

• Dev tools del browser (Elementi, Rete, Console) — gratuiti, integrati, senza estensione
• Firme del markup: <div id="root">/<div id="app">, data-reactroot, data-v-
• Tag script: __NEXT_DATA__ (Next.js), window.__NUXT__ (Nuxt)
• URL e header: /wp-content/ (WordPress), Server / X-Powered-By
• Le estensioni di rilevamento (es. Wappalyzer) leggono questi stessi indizi pubblici

Anche il back-end e il livello di contenuto lasciano impronte. Gli header di risposta includono spesso un valore Server o X-Powered-By; URL contenenti /wp-content/ o /wp-json/ rivelano WordPress; e la presenza di un tag script __NEXT_DATA__ è un segno chiaro di Next.js, così come window.__NUXT__ punta a Nuxt. Niente di tutto questo richiede strumenti speciali — è tutto visibile nel codice sorgente della pagina e nelle richieste di rete.

Estensioni di rilevamento in un clic, e i loro limiti

Le estensioni del browser condensano questo rilevamento in un clic. Strumenti come Wappalyzer ed estensioni simili di rilevamento dello stack scansionano una pagina alla ricerca di queste stesse firme e presentano un elenco ordinato dei framework, analytics, CDN e server che riconoscono. È comodo, ma vale la pena capire che stanno leggendo proprio gli indizi descritti sopra, non consultando un registro segreto — ed è anche perché possono essere ingannati.

Questa fallibilità conta, quindi tratta l'output di qualsiasi rilevatore come prova indiziaria piuttosto che come certezza. Un sito dietro un CDN o un reverse proxy può nascondere il suo vero server di origine; un framework può essere configurato per rimuovere i suoi attributi rivelatori; e il rendering lato server può far sembrare una SPA un sito statico a prima vista. Il rilevamento ti dice cosa un sito ha scelto di esporre, il che di solito è ampiamente sufficiente, ma non sempre tutta la verità.

Leggere i segnali pubblici del web

Questo è, nello spirito, ciò che lo strumento originale «Vue Telemetry» si proponeva di fare: far emergere quali siti in circolazione erano costruiti con Vue e Nuxt, leggendo queste stesse firme pubbliche. L'idea si generalizza all'intero ecosistema front-end — ogni framework lascia tracce, e imparare a leggerle trasforma una semplice curiosità in una competenza davvero utile per la ricerca competitiva, il recruiting, o semplicemente la scelta dei propri strumenti.

C'è anche una dimensione di privacy degna di nota mentre curiosi. La scheda Rete non rivela solo il framework di un sito; rivela ogni terza parte con cui la pagina dialoga — endpoint di analytics, reti pubblicitarie, fornitori di font e tracker. Ispezionare un sito che usi è un modo rapido per vedere chi altro è coinvolto nel servirtelo, un'informazione che il testo di marketing raramente offre spontaneamente.

Dalla curiosità a una competenza utile

Quindi la prossima volta che ti chiedi con cosa è costruito un sito, non devi indovinare. Apri gli strumenti per sviluppatori, leggi l'HTML e le richieste di rete, cerca le firme, e conferma eventualmente con un'estensione di rilevamento. Il web porta gran parte della sua architettura all'esterno, e una volta che sai dove guardare, identificare uno stack diventa questione di minuti anziché di mistero.