Come pubblicare un sito creato con ChatGPT o Claude

Per pubblicare un sito web che ChatGPT o Claude hanno scritto per te, salva il codice in un file chiamato index.html, caricalo su GitHub, poi seleziona il repository nel pannello Coolify sul tuo server e pubblicalo. Il tuo sito finisce su un indirizzo HTTPS pubblico e, se ne hai uno, puoi collegare il tuo dominio. Questa guida presume che sia la tua prima volta e passa in rassegna ogni fase dall'inizio.

Prima controlla cosa hai. Un sito scritto in una chat di solito è un solo file HTML senza niente da compilare, ed è ciò che tratta questa guida. Se la risposta cita npm install, package.json o Next.js, hai invece un'app, e la nostra guida agli strumenti di codice è il posto migliore da cui partire.

1. Chiedi un unico file

Invia questo nella chat così non devi destreggiarti tra più file:

Give me this site as one index.html file. Keep the CSS and JavaScript inside that file. If you use images, tell me their file names.

2. Salva il file sul tuo computer

• ChatGPT: il codice di solito arriva in un blocco di codice nella chat, quindi copia il blocco. Se vedi un pulsante di download, puoi usare anche quello.
• Claude: il sito spesso si apre come artifact accanto alla chat. La documentazione di Anthropic descrive i controlli in cima all'artifact per vedere, copiare o scaricare il codice. I design creati da un modello hanno Export, che ti dà un HTML autonomo o uno .zip.

Se hai copiato il codice, incollalo in un editor di testo e salvalo come index.html. Nel Blocco note di Windows imposta il tipo di file su Tutti i file, altrimenti il nome finirà con .txt. In TextEdit su Mac passa prima al testo semplice. Fai doppio clic sul file e il tuo sito dovrebbe aprirsi nel browser. Metti le eventuali immagini nella stessa cartella.

3. Carica i file su GitHub

Il server preleva il tuo sito da un repository su GitHub, che funziona come una cartella per i tuoi file.

1. Crea un account GitHub. In alto a destra scegli New repository.
2. Dagli un nome breve, imposta la visibilità su Public, attiva Add README e premi Create repository.
3. Sopra l'elenco dei file apri il menu Add file, scegli Upload files, trascina index.html e le tue immagini e premi Commit changes.

Chiunque può vedere un repository pubblico, e una pagina HTML è comunque visibile a ogni visitatore. Quindi non metterci mai una password o una chiave API.

4. Ordina il server

Ordina dalla pagina Next.js VPS o dalla pagina Coolify VPS. Entrambe includono il pannello di pubblicazione Coolify. Un sito HTML semplice non ha una fase di compilazione, quindi non richiede la memoria di Next.js e nella pagina Coolify puoi scegliere una dimensione più piccola. Dopo il pagamento, apri il tuo server da I miei server nel pannello Seturack e aspetta che la riga App nella scheda Panoramica dica che è pronto.

5. Pubblica dal pannello

1. Nella scheda Panoramica apri il link Indirizzo del pannello e accedi a Coolify con le righe Email e Password.
2. Nella pagina Projects apri My first project e production, poi premi New resource.
3. Scegli Public Git Repository, inserisci l'indirizzo del tuo repository GitHub e premi Check repository.
4. Sotto Build pack scegli Static, lascia Base Directory su / e premi Continue. Questa opzione pubblica i file così come sono, senza compilazione.
5. Premi Deploy. Quando finisce, apri l'indirizzo HTTPS nella pagina Domains.

Ecco fatto, il tuo sito è online. Hai l'accesso root e, se preferisci, puoi gestire tutto dal pannello.

Uno strumento di codice può farlo per te

Se pensi di cambiare spesso il sito, uno strumento di codice come Claude Code o Cursor ti semplifica la vita. Apri nello strumento la cartella che contiene index.html, copia la riga Incolla nel tuo strumento di IA dal tuo pannello Seturack e incollala. Lo strumento crea il repository, pubblica il sito e ti dà l'indirizzo. La nostra guida agli strumenti di codice ha i dettagli. Le finestre di chat di ChatGPT e Claude non possono inviare comandi a un server, quindi non incollare lì quel testo.

Quattro cose da sapere

• Moduli: un modulo di contatto in semplice HTML non può inviare email da solo. Per ricevere i messaggi deve collegarsi a un servizio di moduli o a codice lato server.
• Account e pagamenti: accesso, record salvati e pagamenti richiedono codice server e un database. A quel punto il tuo sito è un'app.
• Nomi dei file: il server tratta maiuscole e minuscole come diverse. Se il codice dice logo.png e il file è Logo.PNG, l'immagine non si vede.
• Backup: i backup giornalieri sono compresi nel prezzo e la copia principale del tuo sito resta su GitHub.

Domande frequenti

Quanta RAM serve a un semplice sito HTML?

Senza compilazione, il sito stesso richiede pochissimo, quindi è Coolify a fissare il minimo. La sua documentazione richiede almeno 2 core e 2 GB di RAM. L'opzione Next.js ne consiglia di più per via delle compilazioni: almeno 4 GB di RAM, 2 vCore e 40 GB di disco.

Quanto costa al mese?

Il minimo consigliato per l'opzione Next.js è di circa $6 al mese (IVA inclusa) e fuori dalla Turchia paghi in dollari statunitensi. Trovi dimensioni più piccole nella pagina dei prezzi. I backup giornalieri sono compresi nel prezzo e il traffico è illimitato. Il dominio è un costo a parte e lo compri altrove.

Come collego il mio dominio?

Fai puntare un record A all'indirizzo IP del server presso il provider del tuo dominio. In Coolify premi Add domain nella pagina Domains, inserisci il tuo dominio con https, salva e premi Redeploy. Il certificato viene emesso in automatico. Il nostro articolo sul dominio spiega il record A.

Come aggiorno il sito in seguito?

Chiedi la modifica a ChatGPT o Claude, carica su GitHub il nuovo index.html con lo stesso nome e premi Redeploy in Coolify. Per pubblicare a ogni caricamento, aggiungi su GitHub l'indirizzo della pagina Webhooks dell'app, come spiega la nostra guida a Next.js.

Mi serve un database?

Non per un semplice sito HTML. Per salvare i dati dei visitatori puoi creare PostgreSQL in Coolify sullo stesso server, ma ti servirà anche codice server per usarlo. A quel punto passa alla nostra guida alla pubblicazione di app.

Già pronto su Seturack: Next.js, Coolify.