--- title: "Making of: Tech stack & design del nostro sito · Volcanic Minds" description: "Dietro le quinte di Volcanic Minds: come abbiamo costruito la nostra identità digitale con Nuxt.js, Prismic, cura delle performance e green web design." url: "https://volcanicminds.com/insights/making-of" lang: "it" type: "second_level_page" updated: "2024-12-17" alternate: "https://volcanicminds.com/en/insights/making-of" summary: "Come è fatto questo sito: le tecnologie scelte, perché, e che cosa abbiamo tenuto fuori. È il posto in cui applichiamo a noi stessi quello che proponiamo ai clienti, quindi è anche il posto dove si vede se le scelte reggono." --- # Il nostro sito web Le tecnologie del ***nostro*** sito web e perché le abbiamo scelte: Nuxt e Vue.js per il frontend, Prismic come CMS headless, Plausible per analitiche senza cookie. *"Non un sito come gli altri, ma un **prodotto** a tutto tondo. Progettato e realizzato da zero con le migliori tecnologie."* ## Le tecnologie - Vue.js - Nuxt - Prismic - Plausible - Google Fonts - Font Awesome - Basscss - AWS - TypeScript Le idee da cui siamo partiti ### Caricamenti istantanei Nessuna risorsa sprecata, immagini ottimizzate, rendering *full-static*. Così il nostro sito è eccezionale per **velocità** e performance. ### Navigazione fluida La navigazione *JavaScript* è studiata per offrire cambi di pagina fluidi e immediati. Addio lunghi caricamenti e inutili attese. ### Accessibilità avanzata Nessun comportamento imprevisto dell'interfaccia. Link, immagini e bottoni parlanti. Colori e contrasti ottimizzati. Il nostro sito è navigabile da tutti, **senza discriminazioni**. ### UX lineare I contenuti sono presentati in maniera chiara e senza distrazioni: l'esperienza utente non è mai banale. ### Colpo d'occhio Un sito web deve catturare l'attenzione di chi naviga: deve essere fresco, **accattivante** e immediatamente riconoscibile. ### GDPR cookieless Teniamo moltissimo alla **privacy** dei nostri utenti. Usiamo solo tool open-source comunitari che non utilizzano cookie e che non raccolgono dati sensibili. ### Responsive Non importa quale dispositivo si utilizzi: il nostro sito deve essere navigabile sempre e comunque, garantendo l'uniformità dei contenuti e un'esperienza *cross-device.* ### Facile da aggiornare Non solo sviluppatori esperti: il nostro sito, tramite il *Content Management System* (CMS) che utilizziamo, è facilmente aggiornabile e manutenibile da chiunque. ### Open source Nessuna sorpresa: il nostro sito è di dominio pubblico e costantemente aggiornato e documentato. ## Nuxt *Il framework* Nuxt, il framework web open-source basato sul linguaggio JavaScript **Vue.js**, ha più di 40.000 *star* su GitHub. Ha un'alta curva di apprendimento, non solo per gli sviluppatori Frontend o Full Stack, ma anche e soprattutto per i Web Designer e Web Engineer che possono sfruttare l'ecosistema per creare rapidamente applicazioni e siti web. È ampiamente supportato dalla comunità, con migliaia di estensioni e componenti costantemente aggiornati. È **SEO-friendly** *out-of-the-box* e garantisce una navigazione istantanea grazie al router integrato. Le build e i rilasci non sono mai stati così semplici: si può anche scegliere se usare un approccio full-static **serverless** o, per siti più complessi, un'architettura con Server Side Rendering (**SSR**) per una reattività totale dei contenuti. - [Scopri Nuxt](https://nuxtjs.org/) ## Prismic *Il Content Management System* Gli *headless* CMS sono l'evoluzione diretta dei sistemi monolitici tradizionali come - solo per citarne alcuni - Wordpress e Joomla. Di questi mantengono le funzionalità puramente backend, offrendo un'interfaccia facilitata per l'editing dei contenuti; sono tuttavia totalmente slegati e indipendenti dal **frontend**, ovvero dal *templating* HTML delle pagine. Sono dei veri e propri repository di contenuti, da interrogare lato frontend tramite **API**: Prismic, grazie alla facile [integrazione con Nuxt](https://prismic.nuxtjs.org/), è il cuore pulsante del nostro sito ed è perfetto per rispondere sia in tempo reale tramite SSR, sia a *build-time* per siti totalmente statici. Quest'infrastruttura dinamica permette, quindi, di mantenere separati i layer backend e frontend aumentando la scalabilità, la manutenibilità e la sicurezza dei prodotti realizzati, oltre a garantirne performance superiori in tutti i contesti. - [Scopri Prismic](https://prismic.io/) ## Plausible *Le analitiche web* Analizzare le statistiche di utilizzo di un sito non è una violazione della privacy, ma è uno strumento fondamentale per capire come gli utenti interagiscono con le pagine web e dove è possibile migliorare l'esperienza utente. **Plausible** è il tool che abbiamo deciso di utilizzare per farlo. Ma perchè un prodotto di nicchia e poco conosciuto? **Open source**: il codice sorgente è disponibile per tutti, senza sorprese. **Leggero e veloce**: 1 kB è la grandezza dello script. C'è bisogno di dire altro? **Privacy e GDPR**: i pochi dati raccolti, opportunamente mascherati, risiedono in uno spazio cloud comunitario europeo, in ottemperanza e nel rispetto delle stringenti regole GDPR. **Cookieless**: non vengono raccolti cookie di nessun tipo, motivo per cui non è necessario integrare banner poco *user-friendly* sui siti. - [Scopri Plausible](https://plausible.io/) Domande frequenti ### Usate solo queste tecnologie? Assolutamente no. Ci piace tenerci aggiornati e cerchiamo di usare sempre le ultime novità che offre il mercato, garantendo anche un supporto completo con soluzioni LTS. Siamo pronti ad ascoltare le esigenze dei nostri clienti, impegnandoci a trovare con loro la migliore soluzione possibile, in ogni contesto e progetto. ### Il progetto mi piace. Posso usarlo anch'io? Questo sito, così come altri progetti open-source di Volcanic Minds, risiede sul nostro [repository GitHub](https://github.com/volcanicminds/volcanic-minds-website). È in continua evoluzione e siamo pronti ad ascoltare ogni tuo consiglio o perplessità sull'implementazione. ## Hai ancora dubbi? Se vuoi approfondire le tecnologie che abbiamo usato, o più semplicemente vuoi utilizzarle nel tuo progetto, siamo a tua disposizione per discuterne e trovare una soluzione insieme. - [Parliamo del tuo progetto](/contacts) ## Altri articoli sullo stesso tema. *Continua* - [Web Bot Auth: visitatori senza occhi](/insights/web-bot-auth-agentic-traffic.md): Gli agenti AI leggono il tuo sito e convertono meglio dell'organico, ma non compaiono negli analytics. Come misurarli e verificarli con Web Bot Auth. - [Generative UI: per umani e macchine](/insights/generative-ui-agents-dual-mode.md): Come la generative UI e la dual-interaction UX semplificano i gestionali B2B, con interfacce progettate insieme per le persone e per gli agenti AI. - [L'accessibilità digitale non è un bollino](/insights/why-accessibility-overlays-fail.md): Affidarsi agli overlay di accessibilità non garantisce la conformità WCAG AA ed espone l'azienda a rischi legali e commerciali. Scopri come evitarli.