L'immagine sopra riassume il modello di funzionamento del sito, e di come dal codice di frontend e backend si arrivi alla pagina copleta.

Il CMS (Content Managment System) che utiliziamo è strapi. I testi e le configurazioni del sito vengono salvati in un database, mentre le immagini su cloudinary, comodo per il loro CDN e l'ottimizzazione delle immagini.

Per quanto riguarda il frontend invece abbiamo utilizzato react, in particolare il framework Gatsbsy, molto comodo per il supporto nativo di Server Side Rendering. Questo permette di caricare tutti i testi e le configurazioni direttamente nel sito in maniera statica, senza dover quindi interrogare ogni volta il backend, rendendo il sito più veloce.

Ad ogni modifica si rende quindi necessario un nuovo deploy del sito. Strapi avvisa quindi github, che compila il sito con le modifiche e poi ne fa il deploy su firebase.

Il modello è un po elaborato ma è molto flessibile e performante con costi contenuti (ed ovviamente qualche limitazione).