Hydra: il CMS enterprise proprietario di E-Motion Web

Hydra è il content management system enterprise sviluppato internamente da E-Motion Web e utilizzato per costruire i siti, i portali e le aree riservate dei suoi clienti. In esercizio dal 2022, è un'architettura cloud-native e headless: il back-end che gestisce i contenuti è disaccoppiato dal front-end che li presenta, così lo stesso back-end può alimentare più interfacce — un sito, un portale, un'applicazione — senza duplicare la logica.

Hydra non è un prodotto di terzi adattato con estensioni, ma una piattaforma proprietaria: E-Motion Web ne controlla l'intero codice, l'architettura e l'evoluzione. È la seconda generazione di CMS dell'agenzia, dopo Logos, in esercizio dal 2010 al 2022 e oggi legacy. Trent'anni di sviluppo web e due piattaforme progettate da zero sono la competenza che sostiene Hydra — la stessa che applichiamo ai progetti costruiti su WordPress con tema custom, l'altra piattaforma su cui lavoriamo.

Il front-end di Hydra è costruito con Next.js, il framework React, ed è distribuito attraverso Vercel. Lo stack consente un deployment trasparente multi-region: il sito è replicato su una ventina di nodi nel mondo e servito attraverso oltre un centinaio di punti di presenza, e ogni visitatore viene collegato automaticamente a quello più vicino. La latenza di rete, principale nemico della velocità percepita, viene ridotta alla radice.

Le pagine non vengono generate al momento della richiesta. Il server-side caching le mantiene pre-generate e pronte: niente attesa per la composizione a runtime, niente carico di elaborazione che cresce con il traffico. La navigazione interna è gestita come Single Page Application — passando da una pagina all'altra il browser carica solo le differenze di contenuto, non l'intera pagina — il che abbatte i tempi di caricamento dopo il primo accesso.

Il back-end è costruito su ASP.NET Core con database MongoDB, ospitato su AWS nella region di Milano (eu-south-1). I contenuti e i dati restano quindi su infrastruttura europea, in Italia, un punto rilevante per i requisiti di residenza del dato di molti clienti corporate. Il disaccoppiamento headless fa sì che questo back-end possa servire front-end diversi senza essere riscritto.

Hydra integra nativamente le funzioni che su altre piattaforme si aggiungono con estensioni di terze parti: i dati strutturati schema.org, la dashboard SEO, il costruttore di form e la configurazione dell'invio email tramite server SMTP esterno fanno parte della piattaforma, non di un ecosistema installato sopra.

È una scelta di architettura, non un elenco di funzionalità. Ogni estensione di terzi è codice che gira sul sito con pieni privilegi, va aggiornato, può entrare in conflitto con le altre e può essere abbandonata dal suo autore: è la prima causa di degrado delle prestazioni e la prima superficie di rischio di un sito. Integrando queste funzioni nel nucleo della piattaforma, quel rischio non viene gestito: viene eliminato all'origine. Ed è possibile solo perché la piattaforma è nostra e quelle funzioni le abbiamo scritte noi.

Chi compone una pagina in Hydra la rifinisce su sei breakpoint distinti — dal telefono al desktop grande — vedendo il risultato di ogni scelta direttamente in fase di progettazione, senza pubblicare e senza aprire il sito su un altro dispositivo per controllare. Spaziature, corpi tipografici, ordine e visibilità dei blocchi si regolano per ciascuna larghezza.

È la differenza fra un layout che "si adatta" e un layout progettato per ogni formato: su un sito reale la resa su smartphone non è una versione compressa di quella desktop, è una composizione diversa. Poterla governare mentre si progetta, invece di correggerla dopo, è ciò che tiene insieme qualità visiva e tempi di produzione.

La velocità di un sito non è un dettaglio estetico: i Core Web Vitals di Google — le metriche che misurano caricamento, reattività e stabilità visiva — sono un fattore diretto di posizionamento organico e di tasso di conversione. Hydra è progettato per tenerli ai massimi valori non a riposo, ma sotto stress reale.

Un esempio concreto. Nel luglio 2025 il sito di un gruppo industriale italiano quotato in Borsa — attivo nel food e nella grande distribuzione, con un fatturato di circa sette miliardi di euro — ha ricevuto diverse decine di migliaia di visitatori in meno di quattro ore, in seguito a una notizia economica di forte risonanza mediatica. In quelle ore di picco, i punteggi Core Web Vitals del sito, costruito su Hydra, sono rimasti ai massimi valori teorici: una condizione che la maggior parte dei siti non raggiunge nemmeno in condizioni di traffico normale.

Prestazioni di questo livello si traducono in tre vantaggi misurabili: più tempo speso sul sito dai visitatori, più interazioni e conversioni, e un posizionamento organico migliore, perché la velocità è uno dei segnali che i motori di ricerca premiano. A questi si aggiunge la scalabilità nativa: il sito regge i picchi di traffico senza interventi straordinari, senza il rischio di rallentare o cadere proprio nel momento di massima visibilità.

Hydra ha senso per progetti dove prestazioni, affidabilità e controllo contano davvero: siti corporate complessi, portali, aree riservate, progetti soggetti a picchi di traffico o a requisiti di conformità. Non è la risposta a ogni esigenza, e non la proponiamo come tale: quando il progetto ha un profilo diverso — una modellazione di contenuti molto articolata da portare rapidamente in produzione, l'esigenza di attingere a un ecosistema maturo, la richiesta di piena portabilità del sito — sviluppiamo su WordPress con tema custom. I sette criteri con cui scegliamo fra le due piattaforme sono descritti nella pagina della tecnologia.