Come pubblicare HTML creato con ChatGPT o Claude

Hai chiesto una pagina web a ChatGPT, Claude o Gemini e hai ricevuto un muro di HTML che nell’anteprima è perfetto. La domanda successiva è sempre la stessa: come lo metto online perché anche gli altri possano vederlo? Ecco la strada più breve.

Passo 1: chiedi all’AI un singolo file autonomo

Prima di copiare qualsiasi cosa, chiedi all’AI di mettere tutto in un unico file: "Dammi un singolo file HTML con tutto il CSS e il JavaScript inline." Un solo index.html autonomo è enormemente più facile da ospitare, condividere e aggiornare rispetto a una cartella di file separati.

Passo 2: copia il codice — non serve nemmeno salvare un file

Su hdply, crea un account gratuito, apri l’editor e incolla direttamente l’HTML dell’AI. Fai clic su deploy e la pagina è online sul tuo indirizzo, ad esempio my-site.hdply.com, HTTPS incluso. Se hai già salvato il codice come file, funziona anche il drag-and-drop.

Tempo totale da "l’AI ha finito di scrivere" a "i miei amici possono aprire il link": circa un minuto.

Passo 3: itera con l’AI, ripubblica in pochi secondi

La vera forza delle pagine scritte dall’AI è l’iterazione: chiedi modifiche, ricevi nuovo codice, incolli, salvi. Ogni deploy viene versionato automaticamente, così se la versione 5 rompe qualcosa puoi ripristinare la versione 4 con un clic. Niente Git, niente pipeline di build — il ciclo è semplicemente chat → incolla → salva.

Tre cose da controllare prima di pubblicare

• Nessun segreto nel codice. Se l’AI ha aggiunto una chiave API (per un widget meteo, una mappa, una chiamata a un LLM), ricorda che la pagina è pubblica — chiunque può leggerne il sorgente. Usa solo chiavi pensate per essere pubbliche, oppure rimuovi la funzionalità.
• Le immagini hanno bisogno di URL reali. A volte le AI fanno riferimento a immagini che non esistono. Usa link a immagini reali e ospitate — oppure chiedi all’AI SVG inline, che non richiede alcun file esterno.
• Controllo da mobile. Incolla, pubblica e poi apri l’URL sul telefono. Chiedi all’AI di sistemare tutto ciò che non torna; ripubblicare richiede pochi secondi.

Perché non condividere semplicemente la chat o uno screenshot?

I link alle chat scadono, richiedono un account e mostrano i tuoi prompt. Gli screenshot non sono interattivi. Un vero URL è permanente, si apre su qualsiasi dispositivo e sembra un prodotto finito — perché lo è.

Da leggere anche: Condividere un file HTML come link · Come mettere un file HTML online