Pubblicare una web app o un sito/blog usando Netlify

Scenario

Ho un dominio registrato e voglio pubblicare gratuitamente una web app o un sito semplice senza dover pagare un hosting con certificato SSL e collegarlo al mio dominio. Voglio anche avere la possibilità di non rendere pubblico il codice sorgente.

La scelta è caduta su Netlify, una piattaforma gratuita che permette di caricare file, pubblicare un sito statico e collegare facilmente un dominio personalizzato, tutto con HTTPS incluso.

Requisiti

• Una cartella con il sito o la web app (HTML, CSS, JS, immagini, ecc.)
• Un account gratuito su Netlify
• Un dominio registrato

1. Registrazione su Netlify

Su Netlify creo un account gratuito (ci si può registrare con e-mail o tramite GitHub, GitLab o Bitbucket)

2. Creo il sito e carico i file

a) L'opzione che ho scelto io è il caricamento manuale.

Dopo aver effettuato il login, clicco su "Add new site" → "Deploy manually" e carico una cartella compressa con tutti i file.

La radice della cartella deve contenere un file index.html

b) Si può anche collegare un repository GitHub/GitLab cliccando su "Add new site" → "Import an existing project".

Dopo aver collegato Netlify all'account GitHub o GitLab scelgo il repository, pubblico o privato, dove sono contenuti i file del progetto, app o sito web.

In entrambi i casi Netlify crea un sottodominio con un nome improponibile (utile se si vogliono fare esperimenti).

Esempio: sottodominio-12345.netlify.app può essere rinominato in my-wonderful-app.netlify.app

3. Configuro il dominio personalizzato

Nella dashboard del sito su Netlify vado su "Domain Settings" → "Add custom domain" e inserisco il nome del dominio precedentemente acquistato da collegare al sito che ho appena creato.

La parte più delicata è la modifica dei DNS, perchè dipende anche dal proprio provider, nel mio caso Register.it.

Per mantenere la posta elettronica attiva, se inclusa nel dominio, basta modificare solo i record per il sito senza cambiare i nameserver.

Nel mio caso ho inserito due "A record" per puntare il dominio principale mantenendo invariato il servizio di posta elettronica incluso nel dominio:

4. HTTPS gratuito

Dopo aver collegato il dominio, Netlify genera automaticamente un certificato SSL gratuito Let's Encrypt

5. Gestione del sito

Per aggiornare il sito basta caricare nuovi file o modificare il repository GitHub collegato. Netlify aggiornerà automaticamente la pubblicazione.

Conclusione

Con Netlify si può pubblicare una web app, un sito personale o un blog in pochi minuti, senza dover pagare per hosting o certificati di sicurezza, e mantenendo privato il codice sorgente se necessario.

È una soluzione semplice, adatta sia a progetti personali che a piccoli progetti professionali.