← Livello 6 – Capo progetto

Lezione 3 di 8 ⏱ 35 minuti Premium

Hosting e la tua prima pubblicazione

Carica il tuo sito web su internet con GitHub Pages, e collegalo al tuo dominio.

Dove vivrà il tuo sito web

L’hosting è il server dove vive il tuo sito web. Per un sito web statico (HTML, CSS, JS – esattamente quello che hai costruito), il posto migliore per iniziare è GitHub Pages: è gratuito, affidabile, e conosci già Git.

Te lo mostro: pubblicare su GitHub Pages

  1. Fai push del tuo progetto su GitHub (lo sai già: git add ., git commit, git push).
  2. Su GitHub, apri il tuo repository → Settings → Pages.
  3. Sotto “Source”, scegli il branch main e la cartella / (root).
  4. Salva – entro un minuto, il tuo sito web gira su your-name.github.io/repo-name.

Fatto. Il tuo sito web è su internet, e tutto il mondo può vederlo. 🎉

Collegare il tuo dominio

Hai un dominio dalla lezione scorsa? Colleghiamolo:

  1. Su GitHub: Settings → Pages → Custom domain → inserisci il tuo dominio.
  2. Dal tuo registrar, configura i record DNS (li trovi nella documentazione GitHub Pages):
    • un record CNAME per wwwyour-name.github.io
    • record A per il dominio senza www → indirizzi IP di GitHub Pages
  3. Aspetta – le modifiche DNS possono richiedere fino a qualche ora per propagarsi nel mondo (di solito bastano minuti).
💡

Hai un sito web con server proprio (un libro degli ospiti o un chatbot)? GitHub Pages gestisce solo pagine statiche – un server ha bisogno di hosting diverso (es. Railway, Render; hanno piani gratuiti). Il processo è simile: colleghi il repository e il servizio avvia il server. Puoi comunque tenere la parte statica del sito web su Pages.

Ora tocca a te 💪

  1. Pubblica il tuo progetto su GitHub Pages seguendo i passi sopra.
  2. Apri il tuo sito web sul telefono (non sul Wi-Fi!) – lo vedi? È così che lo vede tutto il mondo.
  3. Manda l’indirizzo a una persona (un genitore, un amico) e chiedi feedback: cosa funziona, cosa non va.
  4. Se hai un dominio, collegalo e controlla che il sito web giri sul tuo indirizzo.
  5. Scrivi in LAUNCH.md: l’indirizzo del tuo sito web e la data della tua prima pubblicazione. È un momento storico!

Controllo: Il tuo sito web è raggiungibile da qualsiasi dispositivo nel mondo – sul tuo indirizzo GitHub Pages, idealmente sul tuo dominio. Qualcuno diverso da te l’ha visto.

Cosa porti via da questa lezione