Hai bisogno di ospitare una pagina web veloce e professionale sul tuo dominio personalizzato—gratuitamente? Che si tratti di una pagina di atterraggio, un portfolio personale o anche di un piccolo negozio online, Cloudflare Pages lo rende incredibilmente facile.
In questo tutorial, ti guiderò su come costruire e distribuire un sito web statico sul tuo dominio personalizzato utilizzando Cloudflare, senza costi di hosting e senza mal di testa per la programmazione. Toccheremo anche come Selldone, il cloud API per il commercio, si inserisce nella costruzione di siti e-commerce scalabili con potenti funzionalità di backend.
1. Crea la tua pagina statica con strumenti AI
Creare pagine HTML statiche è più facile che mai grazie agli strumenti AI come ChatGPT, Gemini o Claud. Basta chiedere:
👉 "Crea una pagina di atterraggio responsive usando Bootstrap per una campagna di moda."
Et voilà—otterrai HTML pulito, CSS e anche un po' di JS se necessario. Assicurati solo che il tuo output includa un file index.html (questo sarà il punto di ingresso del tuo sito web).
2. Registrati su Cloudflare (È gratuito)
Vai su Cloudflaree registrati. Non è richiesta la carta di credito. Cloudflare è affidato da aziende come Shopify, Discord e IBM per un motivo—è veloce, scalabile e sicuro.
Una volta effettuato l'accesso, vai al tuo cruscotto e trova la sezione "Workers & Pages".
Fai clic sul pulsante “Create Application”.
Cloudflare dashboard > Workesr & Pages
3. Scegli come distribuire il tuo sito
Cloudflare ti offre due ottime opzioni:
Creare importando un repository Git esistente
Caricare le risorse del tuo sito, comprese le file HTML, CSS e JS direttamente dal tuo computer.
Cloadflare - Deploy Codes Options
Opzione 1 – Connetti un repository Git (Consigliato)
Collega il tuo repository GitHub (o GitLab) a Cloudflare. Ogni volta che spingi nuovo codice, Cloudflare distribuirà automaticamente il tuo sito. Super efficiente!
Cloudflare - Select Github Project
Cloudflare - Auto deployment setup after linking GitHub
Opzione 2 – Trascina e rilascia i file del tuo sito
Perfetto per inizi rapidi. Basta caricare il tuo index.html, style.css e altre risorse. Ma tieni presente, dovrai ripetere questo per ogni aggiornamento.
Cloudflare -
4. Assicurati di avere un index.html
Il tuo file principale deve essere chiamato index.html—Cloudflare cerca questo per caricare correttamente il tuo sito.
5. Aggiungi un dominio personalizzato (YourBrand.com)
Vuoi che la tua pagina appaia sotto il tuo dominio (come il tuo nome.com)?
Basta andare al tuo progetto in Workers & Pages → Custom Domains → fare clic su “Set up a custom domain.”
Setup screen for custom domains in Cloudflare
Cloudflare gestisce tutto dietro le quinte—DNS, certificato SSL, configurazione HTTPS—tutto automaticamente. In pochi minuti, il tuo sito sarà attivo sul tuo dominio!
6. Potenzia con l'API di commercio headless di Selldone (Opzionale)
Vuoi aggiungere funzionalità e-commerce al tuo sito statico? Qui Selldonebrilla. A differenza di altre piattaforme, Selldone non ti blocca in un tema frontend o in un plugin. Invece, ti dà il pieno controllo di:
Puoi lanciare un sito statico gratuitamente
sul tuo dominio personalizzato utilizzando Cloudflare Pages.
Gli strumenti AI come ChatGPT o Gemini
rendono la creazione del contenuto della tua pagina una passeggiata.
Cloudflare offre distribuzione automatica da GitHub o
una semplice interfaccia drag-and-drop.
Ottieni SSL gratuito, HTTPS e CDN globale
senza configurazione.
Abbinalo all'API di Selldone per
funzionalità avanzate di e-commerce come elenchi di prodotti e gestione dell'inventario.
Consigli rapidi per iniziare oggi
✔ Chiedi a un'AI di generare una pagina di atterraggio HTML ✔ Crea un account Cloudflare ✔ Distribuisci tramite GitHub o carica file ✔ Aggiungi il tuo dominio personalizzato ✔ Connetti l'API di Selldone se hai bisogno di magia e-commerce Il tuo sito, il tuo dominio, le tue regole—lanciato in pochi minuti. Ora vai a costruire qualcosa di grande. 💻✨
Add Comment
