Il nostro sito web
Lo showcase delle tecnologie usate per la realizzazione del nostro sito web
Le tecnologie
Vue.js
Nuxt
Prismic
Plausible
Google Fonts
Font Awesome
Basscss
AWS
TypeScript
Le idee da cui siamo partiti
Nessuna risorsa sprecata, immagini ottimizzate, rendering full-static. Così il nostro sito è eccezionale per velocità e performance.
La navigazione JavaScript è studiata per offrire cambi di pagina fluidi e immediati. Addio lunghi caricamenti e inutili attese.
Nessun comportamento imprevisto dell'interfaccia. Link, immagini e bottoni parlanti. Colori e contrasti ottimizzati. Il nostro sito è navigabile da tutti, senza discriminazioni.
I contenuti sono presentati in maniera chiara e senza distrazioni: l'esperienza utente non è mai banale.
Un sito web deve catturare l'attenzione di chi naviga: deve essere fresco, accattivante e immediatamente riconoscibile.
Teniamo moltissimo alla privacy dei nostri utenti. Usiamo solo tool open-source comunitari che non utilizzano cookie e che non raccolgono dati sensibili.
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.
Non solo sviluppatori esperti: il nostro sito, tramite il Content Management System (CMS) che utilizziamo, è facilmente aggiornabile e manutenibile da chiunque.
Nessuna sorpresa: il nostro sito è di dominio pubblico e costantemente aggiornato e documentato.
"Non un sito come gli altri, ma un prodotto a tutto tondo.
Progettato e realizzato da zero con le migliori tecnologie."
Nuxt
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.
Prismic
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, è 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.
Plausible
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.
Domande frequenti
Usate solo queste tecnologie?
Il progetto mi piace. Posso usarlo anch'io?
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.
Tag: Tecnologia, Development
Data di pubblicazione: 18 maggio 2023
Ultima revisione: 17 dicembre 2024
