Dove pubblicare la pagina web creata dalla tua IA (opzioni gratuite e a pagamento)

Il modo gratuito più rapido per pubblicare una pagina web creata dalla tua IA è Netlify Drop: trascini la cartella con i tuoi file su una pagina web e va online, senza bisogno di un account. Se vuoi qualcosa che duri e con un indirizzo tuo, come tuonome.com, un piano di hosting come Bluehost (link a pagamento) è la strada a pagamento più semplice. In entrambi i casi ti servono prima tutti i file insieme in una cartella, e l’estensione gratuita AI Code Harvester lo fa con un clic.

Prima di tutto, che cosa hai davvero

Quando ChatGPT o Gemini creano una pagina web, ti danno del codice: di solito un file HTML (la pagina vera e propria), spesso un file CSS (i colori e la disposizione) e un file JavaScript (i pulsanti e le azioni). Per ora esistono solo nella tua chat o sul tuo computer. Perché altri vedano la pagina, i file devono stare su un server web, cioè semplicemente un computer sempre acceso che mostra la tua pagina a chiunque scriva il suo indirizzo. È tutto ciò che significa «pubblicare».

Buone notizie: una pagina così è «statica». Vuol dire che sono solo file, senza database né accessi che girano dietro. Le pagine statiche sono le più facili da pubblicare, e diversi servizi lo fanno gratis. Se la tua pagina deve ricordare i visitatori, ricevere ordini o salvare dati, è un progetto più grande e un semplice host di file non basta.

Qual è l’opzione giusta per te?

• Vuoi mostrarla a qualcuno oggi: Netlify Drop (gratis, il più rapido).
• La vuoi gratis e duratura, e qualche passaggio in più non ti pesa: Cloudflare Pages o GitHub Pages (gratis).
• Vuoi un indirizzo tuo e tutto in un posto solo: un piano di hosting, per esempio Bluehost (a pagamento).
• Preferisci non toccare affatto i file: un costruttore di siti web (a pagamento).

Passo zero: metti i tuoi file in una cartella

Qualunque cosa scelga, parti da qui. Il file principale deve chiamarsi index.html, perché è quello che il server mostra per primo. Gli altri file (il CSS e il JavaScript) vanno nella stessa cartella, con gli stessi nomi che l’HTML cita. Se l’IA ti ha dato il codice in più pezzi, copiarli a mano è il punto in cui ci si blocca.

La scorciatoia è AI Code Harvester, un’estensione gratuita di Chrome (un piccolo componente che dà al browser una funzione in più). Trova il codice nella chat e lo trasforma in file con un nome. Premi Scarica ZIP per avere una cartella di file, oppure apri il Workspace e usa Pagina unica (.html), che unisce stili e script in un solo file difficile da rompere. Il breve video mostra come.

1. Procurati i file. Scarica lo ZIP da AI Code Harvester e decomprimilo in una cartella nuova.
2. Chiama il file principale index.html. Se l’IA lo ha chiamato in altro modo, rinominalo.
3. Provalo sul tuo computer. Fai doppio clic su index.html. Se la pagina è a posto, sei pronto.
4. Togli tutto ciò che è privato. Cerca nel codice password o chiavi API. Chiunque può leggere il codice di una pagina pubblicata.

Opzione 1: Netlify Drop (gratis, il più rapido)

Netlify Drop è una pagina web dove trascini una cartella e il tuo sito va online. Netlify dice che non serve un account per usarlo, il che lo rende la scelta migliore per «voglio solo far vedere questo a qualcuno».

1. Apri app.netlify.com/drop nel browser.
2. Trascina la tua cartella (o uno ZIP) sulla pagina.
3. Aspetta un momento. Ottieni un indirizzo online che finisce con netlify.app.
4. Apri quell’indirizzo in una finestra privata per controllarlo, poi condividilo.

Il problema: se lasci una cartella senza accedere, Netlify protegge il progetto con una password temporanea finché non lo rivendichi registrandoti (gratis). Quindi, se vuoi che lo vedano altri, crea l’account, rivendica il sito e controlla che sia impostato come pubblico. Per aggiornare la pagina in seguito, lasci di nuovo la cartella. Netlify consiglia di tenere una pubblicazione sotto i 50 MB circa.

Opzione 2: Cloudflare Pages (gratis, fatto per durare)

Cloudflare è una grande azienda che gestisce parte dell’infrastruttura di internet, e il suo servizio Pages ospita siti statici gratis. Carichi una cartella o uno ZIP nella sua dashboard (la pagina di controllo del suo sito). Serve un account Cloudflare gratuito, e il tuo indirizzo assomiglia a tuoprogetto.pages.dev.

1. Crea un account Cloudflare gratuito e apri Workers & Pages.
2. Scegli Create application, poi Get started e infine Drag and drop your files.
3. Dai un nome al progetto, trascina la tua cartella o il tuo ZIP e premi Deploy site.

Il problema: i menu cambiano ogni tanto, quindi i pulsanti possono avere nomi un po’ diversi quando guardi. Il limite di caricamento è 1000 file e 25 MiB per file, più che sufficiente per una pagina fatta da un’IA. Aggiornare significa caricare di nuovo.

Opzione 3: GitHub Pages (gratis, se ti piace GitHub)

GitHub è il sito dove gli sviluppatori tengono il loro codice in «repository», cioè cartelle di file archiviate online. GitHub Pages trasforma un repository in un sito web. È gratuito e un classico di lunga data, ma è l’opzione gratuita con più passaggi.

1. Crea un account GitHub gratuito e un nuovo repository chiamato tuonomeutente.github.io.
2. Carica i tuoi file, con index.html al livello più alto.
3. Apri Settings del repository, poi Pages, e sotto Build and deployment scegli Deploy from a branch e il tuo ramo principale.
4. Aspetta qualche minuto e apri https://tuonomeutente.github.io.

Il problema: le modifiche possono impiegare fino a 10 minuti per comparire. Ricorda anche che tutto ciò che metti in un repository pubblico può essere visto da tutti, quindi controlla i file prima di caricarli.

Opzione 4: Hosting e dominio tuoi (Bluehost)

Due parole che incontrerai qui. L’hosting web significa affittare spazio su un server web, così i tuoi file restano online giorno e notte. Un dominio è il tuo indirizzo, come tuonome.com. Con hosting e dominio scegli tu come si chiama la tua pagina, puoi usarla per un’attività e non dipendi dalle regole di un servizio gratuito.

Bluehost (link a pagamento) è una società di hosting da cui molti iniziano. Nella sua pagina sull’hosting condiviso sono elencati SSL gratuito (il lucchetto che fa iniziare il tuo indirizzo con https), un dominio gratuito per il primo anno (va riscattato entro 90 giorni e vale per certe terminazioni) e una garanzia di rimborso di 30 giorni sull’hosting. Prima di comprare, controlla l’offerta attuale e il prezzo di rinnovo sulla loro pagina.

1. Scegli un piano di hosting e il tuo dominio.
2. Apri il pannello dell’hosting e trova la cartella che contiene i file principali del tuo sito (spesso si chiama public_html). Le pagine di aiuto del tuo hosting mostrano dov’è.
3. Carica lì i tuoi file, con index.html in cima, e apri il tuo dominio in una finestra privata.

Il problema: è l’unica opzione qui che costa denaro, e i prezzi dopo il primo periodo possono cambiare, quindi leggi le condizioni di rinnovo. In cambio hai un indirizzo tuo, spazio per altre pagine in seguito e un modo facile per aggiungere e-mail sul tuo dominio.

Vuoi un indirizzo tuo? Come funziona un dominio

Un dominio è il nome che la gente digita per trovarti, come tuonome.com. Ha una parte di nome e una terminazione (.com, .org e molte altre). Non lo compri per sempre: lo affitti, di solito un anno alla volta, e lo rinnovi.

Ci sono tre modi comuni per ottenerne uno:

• Insieme all’hosting. Bluehost (link a pagamento) indica un dominio gratuito per il primo anno con il suo hosting (va riscattato entro 90 giorni e vale per certe terminazioni). È la strada più semplice se comunque compri hosting.
• Da un venditore di domini (un «registrar»). Compri solo il nome e lo colleghi al posto in cui vive la tua pagina. Alcuni registrar costano meno di altri: Cloudflare Registrar dice di non applicare ricarichi ai prezzi dei domini, e anche Netlify vende domini.
• Uno che hai già. Allora ti serve solo il passo di collegamento qui sotto.

Bisogna pagare l’hosting per usare un dominio proprio? Non necessariamente. Netlify, Cloudflare Pages e GitHub Pages ti lasciano collegare il tuo dominio a un sito gratuito. Guarda la pagina dei prezzi di ciascuno per sapere cosa include il tuo piano.

1. Procurati il dominio da un registrar o con un piano di hosting.
2. Aggiungi il dominio nella dashboard del tuo host. Su Netlify usa Domains, su Cloudflare Pages apri il progetto e scegli Custom domains, su GitHub Pages usa le impostazioni Pages del repository.
3. Crea il record che l’host chiede. È una piccola riga nelle impostazioni DNS del tuo dominio (la rubrica che dice a quale computer punta un nome). Di solito è un record CNAME per la versione con www e un record A o ALIAS per il semplice tuonome.com. L’host ti mostra i valori esatti da copiare.
4. Aspetta, poi prova. Può volerci fino a 48 ore perché funzioni, anche se spesso è più veloce. Apri il tuo dominio in una finestra privata.

Due note. Cloudflare Pages vuole che il tuo dominio usi i name server di Cloudflare se desideri la versione senza www. E se dominio e hosting sono entrambi su Bluehost, di solito c’è meno da configurare perché stanno nello stesso account; le loro pagine di aiuto mostrano i passaggi.

Opzione 5: Un costruttore di siti web (nessun file)

Se cartelle, caricamenti e nomi di file ti stancano solo a leggerne, un costruttore di siti ti lascia arrivare a un sito cliccando: scegli blocchi, scrivi il testo e premi pubblica. Con un costruttore di solito rifai la pagina con i suoi blocchi, invece di caricare il codice dell’IA. Website Builder di Bluehost (link a pagamento) e Weblium (link a pagamento) sono due che puoi guardare. È il modo più lento se hai già la pagina dell’IA, ma il più facile se continuerai a cambiare le cose a mano.

Quattro controlli prima di condividere il link

• Aprila in una finestra privata. Così vedi ciò che vede uno sconosciuto, senza accessi salvati né file in cache.
• Controlla immagini e link. Se qualcosa punta a un percorso come C:\Users sul tuo computer, si romperà per tutti gli altri. Usa file che stanno accanto a index.html.
• Guardala su un telefono. La maggior parte dei visitatori sarà lì. Nell’anteprima di AI Code Harvester puoi prima passare tra le larghezze Computer, Tablet e Cellulare.
• Tieni fuori i segreti. Non pubblicare mai una pagina che contiene una password o una chiave API, perché chiunque può leggere il codice.

Scarica l’estensione

AI Code Harvester è gratuito e funziona con ChatGPT e Gemini. Trova il codice nella chat, ti lascia vedere la pagina in una sandbox sicura e scarica tutto come ZIP, come pagina unica o insieme alla chat. Gira sul tuo computer: il tuo codice non viene mai caricato da noi. Aggiungila dal Chrome Web Store.

Da sapere prima di iniziare

Domande frequenti