← Taso 6 – Projektipäällikkö

Oppitunti 3/8 ⏱ 35 minuuttia Premium

Hosting ja ensimmäinen julkaisu

Lataa verkkosivusi internetiin GitHub Pagesilla ja yhdistä se domainiisi.

Missä verkkosivusi asuu

Hosting on palvelin, jossa verkkosivusi elää. Staattiselle verkkosivulle (HTML, CSS, JS – juuri mitä olet rakentanut) paras aloitus on GitHub Pages: se on ilmainen, luotettava, ja osaat jo Gitin.

Näytän sinulle: julkaisu GitHub Pagesiin

  1. Push projektisi GitHubiin (osaat jo: git add ., git commit, git push).
  2. GitHubissa avaa repository → Settings → Pages.
  3. “Source”-kohdassa valitse main-haara ja / (root) -kansio.
  4. Tallenna – minuutin sisällä verkkosivusi pyörii osoitteessa your-name.github.io/repo-name.

Valmis. Verkkosivusi on internetissä, ja koko maailma näkee sen. 🎉

Oman domainin yhdistäminen

Saitko domainin edellisestä oppitunnista? Yhdistetään se:

  1. GitHubissa: Settings → Pages → Custom domain → syötä domainisi.
  2. Rekisteröijälläsi aseta DNS-tietueet (löydät ne GitHub Pages -dokumentaatiosta):
    • CNAME-tietue www:lle → your-name.github.io
    • A-tietueet domainille ilman www → GitHub Pagesin IP-osoitteet
  3. Odota – DNS-muutokset voivat levitä maailmalle muutaman tunnin (yleensä minuutteja).
💡

Onko verkkosivulla oma palvelin (vieraskirja tai chatbot)? GitHub Pages hoitaa vain staattiset sivut – palvelin tarvitsee eri hostingin (esim. Railway, Render; niillä on ilmaiset aloitustasot). Prosessi on samanlainen: yhdistät repositoryn ja palvelu käynnistää palvelimen. Staattisen osan voit silti pitää Pagesissa.

Nyt sinun vuorosi 💪

  1. Julkaise projektisi GitHub Pagesiin yllä olevien askelten mukaan.
  2. Avaa verkkosivusi puhelimellasi (ei Wi-Fi:llä!) – näetkö sen? Näin koko maailma näkee sen.
  3. Lähetä osoite yhdelle henkilölle (vanhempi, kaveri) ja pyydä palautetta: mikä toimii, mikä tuntuu oudolta.
  4. Jos sinulla on domain, yhdistä se ja tarkista että verkkosivusi pyörii omalla osoitteellasi.
  5. Kirjoita LAUNCH.md:ään: verkkosivusi osoite ja ensimmäisen julkaisun päivämäärä. Se on historiallinen hetki!

Tarkista: Verkkosivusi on saavutettavissa mistä tahansa laitteesta maailmassa – GitHub Pages -osoitteellasi, mieluiten omalla domainillasi. Joku muu kuin sinä on nähnyt sen.

Mitä opit tästä oppitunnista