Web Sotto il Cofano e Sistema di Newsletter: DevBlog #2

In questo nuovo devblog, l'attenzione si concentra su un pilastro fondamentale del progetto: la presenza web del videogioco Luni.

Per assicurare un'esperienza stabile, fluida e fedele alla visione artistica del titolo, si è optato per una soluzione lineare, pulita e realizzata su misura: un sito pubblico rapido per la community e un pannello amministrativo dedicato, capace di gestire la struttura e i contenuti in sei lingue in modo del tutto omogeneo.

L'obiettivo: un sistema agile e ben organizzato che valorizzi le illustrazioni e l'atmosfera visiva del gioco, mantenendo il pieno controllo editoriale senza funzioni superflue né dipendenze esterne inutili.

Una breve nota sulle lingue:
Ne parlo 3 (in cui possiamo anche comunicare direttamente all'interno della community), ma per le restanti ho deciso di tradurre con l'aiuto dell'IA. È un caso d'uso eccellente, che consente di aprire l'universo visivo e narrativo a più regioni.

Sotto il cofano: L'architettura web in questo DevBlog #2

Il progetto è organizzato in due applicazioni indipendenti, ciascuna ottimizzata per il proprio ruolo specifico all'interno dell'ecosistema:

1. Il Sito Pubblico e il DevBlog

• Next.js 16: Compilato come esportazione interamente statica (SSG). Ciò significa che le pagine esistono già sotto forma di file HTML e risorse pre-generate, eliminando i tempi di calcolo lato server a ogni richiesta. Il caricamento avviene in modo pressoché istantaneo a ogni apertura di un articolo.

• Tailwind CSS v4 & TypeScript: Offre uno stile visivo pulito, moderno e ben strutturato, consentendo di integrare animazioni delicate e dettagli grafici curati, uniti a una rigorosa tipizzazione del codice in tutto il repository.

• Internazionalizzazione in 6 lingue: Distribuzione nativa per ciascuna delle lingue supportate, mantenendo identica l'architettura della pagina e adattando con precisione i testi regionali.

• Infrastruttura AWS & CloudFront: I file statici vengono distribuiti a livello globale tramite il CDN CloudFront, assicurando una straordinaria velocità di caricamento e una latenza minima a prescindere dal paese in cui si trova il visitatore.

2. Il Pannello Amministrativo (BackOffice)

• Vue 3: Un'applicazione SPA (Single Page Application) moderna, reattiva e intuitiva, pensata per una gestione editoriale comoda e piacevole nelle attività quotidiane.

• Editor modulare a blocchi: Realizzato appositamente per rispondere alle esigenze specifiche del blog. Separa la struttura visiva (righe, immagini, blocchi) dal testo tradotto, consentendo di scrivere in parallelo nelle sei lingue senza il rischio di alterare il layout, con verifica SEO integrata in tempo reale.

• Backend in .NET 10 & PostgreSQL: ASP.NET Core impostato su principi di Clean Architecture per garantire un disaccoppiamento ordinato della logica di business, validazioni affidabili e una persistenza sicura dei dati in un database relazionale ad alte prestazioni.

• Hosting e DevOps (AWS, Docker & CI/CD): Esecuzione su container gestiti su AWS con infrastruttura definita come codice tramite Terraform e pipeline di rilascio automatizzate.

Cosa bolle in pentola: Il Sistema di Newsletter

L'attività attuale è concentrata sul prossimo traguardo fondamentale: un modulo di newsletter sviluppato internamente e integrato direttamente nella piattaforma.

Perché una soluzione interna anziché servizi esterni?
Si è scelto di centralizzare sull'infrastruttura esistente del project per evidenti ragioni pratiche: controllo totale sul recapito dei messaggi, assenza di script esterni di tracciamento, nessuna dipendenza superflua e la semplice preferenza di scrivere un po' di codice dedicato invece di affidarsi a piattaforme terze complesse o onerose. Un modulo interno fornisce con esattezza le funzionalità richieste, in un formato leggero, affidabile e sostenibile nel tempo.

Come funziona il sistema per gli iscritti:

• Double Opt-In: Nessun indirizzo viene attivato senza esplicito consenso. L'iscrizione diventa effettiva solo dopo aver fatto clic sul link di verifica inviato automaticamente all'indirizzo email specificato.

• Nessun messaggio indesiderato: Gli avvisi partono unicamente alla pubblicazione di un nuovo articolo, consentendo di seguire i passi principali dello sviluppo del gioco, senza pubblicità o comunicazioni promozionali inopportune.

• Disiscrizione con un clic: Ciascun messaggio contiene un collegamento trasparente e immediato per disiscriversi all'istante, nel pieno rispetto della privacy e delle scelte personali.

I prossimi passi

Completata questa fase dedicata all'infrastruttura web, l'attenzione si rivolge nuovamente e per intero alla produzione centrale del videogioco. I recenti progressi tecnici hanno posto solide basi per la comunicazione con i giocatori, permettendo di dedicare tutto il tempo disponibile alla progettazione delle meccaniche di gioco, degli enigmi, delle ambientazioni e degli eventi narrativi.

I prossimi aggiornamenti presenteranno anche i canali dedicati alla community (come Discord e le piattaforme social), creando uno spazio ideale di confronto e condivisione.

Presto arriveranno nuove novità!