Come mettere online un sito gratis con GitHub e Cloudflare

Per mettere online un sito creato con Claude ti bastano due account gratuiti: GitHub, dove conservi i file del sito, e Cloudflare, che lo pubblica e lo aggiorna da solo ogni volta che cambi un file. L'hosting è gratuito; l'unica spesa vera è il dominio, cioè l'indirizzo tipo tuaattivita.it, che costa da pochi euro a qualche decina di euro l'anno. HTTPS e un indirizzo email con il tuo dominio, inoltrato alla tua casella, sono inclusi senza costi.

In questa guida partiamo da un sito già pronto (per esempio quello della guida al sito vetrina per la tua attività) e arriviamo al sito pubblicato sul tuo dominio, con tutti i clic, i costi reali e i dati da proteggere. Anche il sito che stai leggendo è pubblicato in questo modo.

Cosa ti serve

• Il tuo sito in un file HTML (o in una cartella di file), creato con Claude o in un altro modo
• Un indirizzo email e un telefono per creare gli account GitHub e Cloudflare
• Una carta di pagamento solo se vuoi acquistare il dominio
• Circa due ore la prima volta; il tempo di attesa per il dominio può arrivare a 24 ore

Prompt pronto da copiare

Ti allego il file del mio sito, [NOME FILE]. Voglio pubblicarlo con Cloudflare Workers, collegato a un repository GitHub, sul dominio [DOMINIO].

Preparami tutto quello che serve:
1. la struttura delle cartelle: il sito va nella cartella public/, con la pagina principale chiamata index.html;
2. un file wrangler.jsonc per un sito solo statico, senza codice lato server, con "name": "[NOME PROGETTO, MINUSCOLO CON TRATTINI]" e la data di oggi come compatibility_date;
3. una pagina 404.html semplice, nello stesso stile del sito;
4. un controllo del sito prima della pubblicazione: link che non funzionano, immagini mancanti, testi segnaposto rimasti, dati personali che non dovrebbero essere pubblici, titolo e descrizione della pagina.

Dammi i file da scaricare e un elenco dei problemi trovati. Non cambiare i testi e i dati del sito senza chiedermelo, e non inventare informazioni che non sono nel file.

Sostituisci le parti tra parentesi quadre e allega il file del sito alla chat. Il "nome progetto" è un nome tecnico, per esempio trattoria-da-lucia: lo userai di nuovo al passo 5.

Quanto costa mettere online un sito?

Ecco i costi reali di questo metodo, verificati a ottobre 2026 sulle pagine ufficiali (le cifre del dominio sono indicative):

Prima di pagare un dominio guarda sempre il prezzo di rinnovo, non solo quello del primo anno: è quello che pagherai ogni anno.

Passo 1: Prepara i file del sito con Claude

Apri una chat con Claude, allega il file del sito e incolla il prompt. Claude ti restituisce:

• la cartella public/ con dentro index.html (la pagina principale), 404.html ed eventuali immagini;
• il file wrangler.jsonc, che dice a Cloudflare dove sono i file da pubblicare;
• l'elenco dei problemi da sistemare prima di andare online.

Il file wrangler.jsonc per un sito statico è molto corto. Secondo la documentazione di Cloudflare bastano il nome, una data e la cartella dei file:

{
  "name": "trattoria-da-lucia",
  "compatibility_date": "2026-10-19",
  "assets": {
    "directory": "./public",
    "not_found_handling": "404-page"
  }
}

Correggi i problemi segnalati (chiedendo a Claude, una modifica alla volta) e scarica i file sul computer, mantenendo la stessa struttura di cartelle.

Passo 2: Crea un account GitHub

GitHub è un servizio per conservare i file di un progetto e tutta la storia delle loro modifiche. Vai su github.com, scegli di registrarti e segui le istruzioni: email, password, nome utente. Scegli il piano gratuito e conferma l'indirizzo email.

Il nome utente comparirà nell'indirizzo dei tuoi progetti su GitHub: se non vuoi che sia il tuo nome e cognome, scegline uno neutro. Attiva subito la verifica in due passaggi (dalle impostazioni, sezione per password e autenticazione): la documentazione di GitHub la raccomanda con forza, e questo account controllerà il tuo sito.

Passo 3: Crea il repository

Il repository (in breve "repo") è la cartella del progetto su GitHub. Per crearlo:

1. in alto a destra fai clic sul + e scegli New repository;
2. scrivi un nome, per esempio trattoria-da-lucia (lettere, numeri, trattini);
3. scegli la visibilità: privato se non vuoi che il codice sia visibile a tutti (il sito pubblicato sarà comunque visibile, ma i file di lavoro no), pubblico se non ti importa;
4. fai clic su Create repository.

Passo 4: Come caricare i file dal browser

Nella pagina del repository appena creato:

1. fai clic su Add file e poi su Upload files (se il repository è vuoto, c'è un link per caricare un file esistente);
2. trascina nella pagina il file wrangler.jsonc e la cartella public con tutto il suo contenuto;
3. in fondo scrivi una breve descrizione della modifica, per esempio "Prima versione del sito";
4. lascia selezionato il ramo principale (main) e conferma con il pulsante verde.

Dal browser puoi caricare file fino a 25 MiB l'uno e fino a 100 file per volta: per un sito vetrina è più che sufficiente. Controlla poi che nel repository ci siano wrangler.jsonc e la cartella public con dentro index.html.

Passo 5: Cloudflare: Pages o Workers?

Cloudflare ha due prodotti che pubblicano siti: Pages, il più vecchio, e Workers. Oggi la documentazione ufficiale è netta: per i nuovi progetti consiglia Workers, perché copre quasi tutto quello che fa Pages e riceve le nuove funzioni. Pages continua a funzionare, ma noi seguiamo il consiglio e usiamo Workers.

Crea un account gratuito su cloudflare.com, conferma l'email e attiva anche qui la verifica in due passaggi. Poi:

1. nel pannello di Cloudflare apri Workers & Pages (se non lo vedi nel menu di sinistra, usa la ricerca del pannello) e fai clic su Create application;
2. scegli di importare un repository Git esistente e collega il tuo account GitHub: GitHub ti chiede quali repository Cloudflare può vedere, e puoi limitarlo a quello del sito;
3. seleziona il repository;
4. come nome del progetto usa esattamente il name scritto in wrangler.jsonc (nel nostro esempio trattoria-da-lucia): se i due nomi non coincidono, la pubblicazione non riesce;
5. lascia vuoto il comando di build (il sito non ne ha bisogno) e lascia il comando di deploy predefinito, npx wrangler deploy;
6. fai clic su Deploy.

Dopo un minuto circa il sito è online su un indirizzo provvisorio di Cloudflare che finisce con .workers.dev. Aprilo e controlla che tutto si veda bene, anche dal telefono.

L'alternativa più veloce, ma con un limite. In Workers & Pages esiste anche la possibilità di caricare i file trascinandoli, senza GitHub (si chiama Direct Upload e appartiene a Pages). È comoda per una prova, ma la documentazione avverte che un progetto creato così non si può collegare a Git in seguito. Se vuoi gli aggiornamenti automatici, parti da GitHub come sopra.

Passo 6: Ogni modifica si pubblica da sola

Da questo momento il collegamento tra GitHub e Cloudflare lavora per te: ogni volta che salvi una modifica sul ramo main del repository, Cloudflare ripubblica il sito in automatico. Se lavori su un altro ramo, Cloudflare crea un'anteprima separata, utile per provare senza toccare il sito vero.

Lo storico delle pubblicazioni, con eventuali errori, si trova nella pagina del Worker, nella sezione dedicata alle build. Se una pubblicazione fallisce, il sito resta alla versione precedente: non resta mai "a metà".

Passo 7: Come comprare un dominio e collegarlo a Cloudflare

Il dominio si compra da un registrar, un'azienda autorizzata a vendere domini. Hai due strade.

Dominio .com (o un'altra estensione supportata) direttamente su Cloudflare. Nella sezione dei domini del pannello cerca il nome che vuoi, controlla il prezzo e acquistalo. Il dominio è subito gestito da Cloudflare: nessun'altra configurazione.

Dominio .it (o un'estensione che Cloudflare non vende). L'elenco ufficiale delle estensioni supportate dal registrar di Cloudflare non comprende il .it. Lo compri quindi da un registrar italiano accreditato presso il Registro .it, poi lo affidi a Cloudflare per la gestione:

1. nel pannello di Cloudflare scegli di aggiungere (in inglese "onboard") un dominio, scrivi il nome e scegli il piano Free;
2. controlla i record DNS che Cloudflare ha importato, soprattutto quelli della posta (record MX) se usi già un'email con quel dominio;
3. Cloudflare ti indica due nameserver: annotali;
4. nel pannello del tuo registrar, se è attivo il DNSSEC, disattivalo prima di cambiare i nameserver;
5. sostituisci i nameserver del registrar con quelli di Cloudflare;
6. aspetta che il dominio risulti attivo su Cloudflare: di solito poche ore, al massimo 24;
7. se vuoi, riattiva il DNSSEC, questa volta da Cloudflare.

Passo 8: Collega il dominio al sito e attiva HTTPS

Con il dominio attivo su Cloudflare:

1. apri il tuo Worker in Workers & Pages;
2. vai in Settings e poi in Domains & Routes;
3. fai clic su Add, scegli Custom domain, scrivi il dominio (per esempio trattoriadalucia.it) e conferma;
4. ripeti per la versione con www, se vuoi che funzionino entrambe.

Se nel DNS esiste già un record per lo stesso nome (per esempio un vecchio sito), Cloudflare te lo segnala: va tolto prima.

HTTPS non richiede nulla da parte tua. Cloudflare emette e rinnova da solo un certificato gratuito per i domini attivi, anche nel piano Free. Dopo qualche minuto il sito si apre con il lucchetto all'indirizzo https://.

Un consiglio: quando il dominio funziona, puoi spegnere l'indirizzo provvisorio .workers.dev, così il sito risponde solo sul tuo dominio. Chiedi a Claude di aggiungere a wrangler.jsonc le righe per disattivarlo e per dichiarare i domini personalizzati: il sito che stai leggendo usa proprio questa configurazione.

Passo 9: Crea un'email con il tuo dominio (inoltrata alla tua casella)

Con Cloudflare Email Routing puoi avere un indirizzo come info@trattoriadalucia.it che inoltra tutti i messaggi alla tua casella di sempre (Gmail, Outlook o altro). È gratuito. Nel pannello cerca Email Routing nella sezione email del dominio, poi:

1. aggiungi l'indirizzo di destinazione, cioè la tua casella personale, e confermalo con il link che Cloudflare ti invia: finché non lo confermi, l'inoltro non parte;
2. crea una regola di inoltro: l'indirizzo pubblico (per esempio info) e, come azione, l'invio alla casella confermata;
3. lascia che Cloudflare aggiunga da solo i record DNS necessari.

Mandati un'email di prova da un altro account. Ricorda che l'inoltro riceve soltanto: per rispondere "come" info@ ti serve un servizio di posta che permetta di inviare con il tuo dominio. Se per ora ti basta ricevere, così è perfetto, e sul sito puoi pubblicare info@ invece del tuo indirizzo personale.

Come aggiornare il sito chiedendo le modifiche a Claude

Il sito è online: ora lo aggiorni con lo stesso metodo con cui l'hai creato.

1. Su GitHub apri public/index.html e scaricalo (oppure usa la copia sul tuo computer, se è aggiornata).
2. In una chat con Claude allegalo e chiedi la modifica, per esempio:

Nel file allegato aggiorna gli orari di apertura: [NUOVI ORARI]. Non cambiare nient'altro e dimmi esattamente quali righe hai modificato.

3. Controlla l'anteprima, scarica il file e, nella stessa cartella del repository su GitHub, caricalo con Add file > Upload files: sostituisce quello vecchio.
4. Dopo un minuto il sito online è aggiornato.

Quando le modifiche diventano frequenti, è più comodo far lavorare Claude direttamente sui file del progetto: la guida a Claude Code in italiano spiega come, compreso il salvataggio delle versioni con git.

Il risultato della nostra prova

Abbiamo provato il prompt con il sito della "Trattoria da Lucia", l'attività inventata della guida al sito vetrina. Claude ha restituito la cartella public/ con index.html e una 404.html nello stesso stile, il file wrangler.jsonc come quello del passo 1 e questo elenco di controlli:

• il modulo di contatto non invia davvero i messaggi (è una demo): da sostituire con un pulsante email o collegare a un servizio, come spiegato al passo 5 della guida al sito vetrina;
• indirizzo, telefono ed email sono quelli inventati dell'esempio: da sostituire con i dati veri prima della pubblicazione;
• il sito carica i caratteri da Google Fonts: per la privacy dei visitatori conviene salvarli insieme al sito, oppure usare i caratteri già presenti sul dispositivo;
• titolo e descrizione della pagina presenti; i link interni portano tutti a sezioni esistenti della pagina e non ci sono immagini mancanti.

Claude non ha cambiato da solo i dati della trattoria, come chiedeva il prompt. La configurazione per Workers che ne è uscita è la stessa, nella sostanza, che pubblica questo sito: una cartella di file statici, un wrangler.jsonc con la cartella indicata in assets, nessun comando di build e il deploy automatico a ogni modifica su GitHub. (Il nostro sito in più ha un piccolo programma per contare le visite in modo anonimo, che a un sito vetrina non serve.)

Dati da proteggere quando metti online un sito

• Dati del registrante. Chi compra un dominio deve dare nome e recapiti al registrar. Su Cloudflare l'oscuramento dei dati nel WHOIS (il registro pubblico dei domini) è gratuito, dove l'estensione lo consente. Per il .it, secondo la policy del Registro .it, le persone fisiche, le ditte individuali e i liberi professionisti possono scegliere se acconsentire alla pubblicazione dei propri dati: senza consenso, i campi compaiono come nascosti. Controlla la scelta al momento dell'acquisto.
• Repository pubblico = file pubblici. Se il repository è pubblico, chiunque vede tutti i file, compresi quelli che non compaiono nel sito: niente note interne, password o dati di clienti.
• Verifica in due passaggi su GitHub, Cloudflare e sul registrar: chi entra in uno di questi account controlla il tuo sito.
• Email personale nascosta. Pubblica l'indirizzo con il tuo dominio (passo 9), non la tua casella personale.
• Privacy dei visitatori. Se il sito raccoglie dati (moduli, iscrizioni) o usa servizi esterni come mappe, caratteri o statistiche, ti serve un'informativa sulla privacy adeguata. Claude può prepararne una bozza, ma va controllata da chi si occupa della privacy per la tua attività.

Varianti del prompt

Un sito con più pagine

Ti allego i file del mio sito: [ELENCO FILE]. Organizzali in public/ con index.html come pagina principale, controlla che tutti i link tra le pagine funzionino anche quando il sito è pubblicato nella cartella principale del dominio, e preparami il wrangler.jsonc per Cloudflare Workers con "name": "[NOME PROGETTO]".

Spegnere l'indirizzo provvisorio e usare solo il dominio

Questo è il mio wrangler.jsonc: [INCOLLA IL FILE]. Aggiungi le impostazioni per rispondere solo su [DOMINIO] e www.[DOMINIO] come domini personalizzati e per disattivare l'indirizzo workers.dev e gli indirizzi di anteprima. Spiegami ogni riga che aggiungi.

Trovare un errore di pubblicazione

La pubblicazione su Cloudflare non è riuscita. Questo è il messaggio di errore della build: [INCOLLA IL MESSAGGIO]. Questo è il mio wrangler.jsonc: [INCOLLA IL FILE]. Spiegami la causa in parole semplici e cosa devo cambiare.

Errori da evitare

• Nomi diversi tra wrangler.jsonc e Cloudflare. Il name nel file e il nome del progetto su Cloudflare devono essere identici.
• Pagina principale con un altro nome. La pagina iniziale deve chiamarsi index.html, dentro la cartella indicata in assets.
• Cambiare i nameserver senza guardare i record della posta. Se usi già un'email con quel dominio, controlla che i record MX siano stati importati su Cloudflare, o la posta smette di arrivare.
• Dimenticare il DNSSEC. Se è attivo presso il vecchio registrar, va disattivato prima di cambiare i nameserver.
• Guardare solo il prezzo del primo anno. Il dominio si rinnova ogni anno al prezzo pieno.
• Partire con Direct Upload e volere poi GitHub. Un progetto caricato trascinando i file non si collega a Git in seguito.

Domande frequenti

Come mettere online un sito HTML gratis? Con un account GitHub e uno Cloudflare, entrambi gratuiti: carichi i file nel repository e Cloudflare Workers li pubblica su un indirizzo .workers.dev. Paghi solo se vuoi un dominio tuo.

Quanto costa mettere online un sito? Con questo metodo, solo il dominio: circa 10-11 dollari l'anno per un .com su Cloudflare, indicativamente 10-15 euro l'anno per un .it al rinnovo presso un registrar italiano (spesso meno il primo anno).

Cloudflare è gratis per i siti web? Sì, per un sito statico come quelli di questa guida: nel piano Free di Workers le richieste ai file statici sono gratuite e illimitate. Restano a pagamento funzioni avanzate che qui non servono.

Meglio Cloudflare Pages o Workers? Per un progetto nuovo, la documentazione di Cloudflare consiglia Workers. Pages continua a funzionare, ma le novità arrivano su Workers.

Come collegare un dominio .it a Cloudflare? Compri il .it da un registrar italiano, aggiungi il dominio su Cloudflare con il piano Free e sostituisci, nel pannello del registrar, i nameserver con i due indicati da Cloudflare (disattivando prima il DNSSEC, se attivo). Poi colleghi il dominio al Worker come al passo 8.

Come avere un'email con il proprio dominio gratis? Con Cloudflare Email Routing: crei un indirizzo con il tuo dominio che inoltra i messaggi alla tua casella. È gratuito, ma serve solo a ricevere.

Il sito pubblicato può essere anche un'app: per esempio lo scadenzario della guida a Claude Code o la dashboard creata da un file Excel.

Prompt provato il 19 ottobre 2026. Ultima verifica dell'articolo e dei prezzi: 19 ottobre 2026. Hai trovato qualcosa che non funziona più? Segnalacelo.