Hosting en je eerste deployment

Waar je website gaat wonen

Hosting is de server waar je website op staat. Voor een statische website (HTML, CSS, JS – precies wat je bouwde) is GitHub Pages de beste start: gratis, betrouwbaar, en je kent Git al.

Ik laat je zien: deployen naar GitHub Pages

1. Push je project naar GitHub (dat ken je al: git add ., git commit, git push).
2. Op GitHub: open je repository → Settings → Pages.
3. Onder “Source” kies je de branch main en de map / (root).
4. Opslaan – binnen een minuut draait je website op your-name.github.io/repo-name.

Klaar. Je website staat op internet en de hele wereld kan hem zien. 🎉

Je eigen domein koppelen

Heb je een domein uit de vorige les? Laten we hem koppelen:

1. Op GitHub: Settings → Pages → Custom domain → voer je domein in.
2. Bij je registrar stel je DNS-records in (vind je in de GitHub Pages-docs):
   • een CNAME-record voor www → your-name.github.io
   • A-records voor het domein zonder www → GitHub Pages IP-adressen
3. Wachten – DNS-wijzigingen kunnen tot een paar uur duren om wereldwijd door te dringen (meestal minuten).

Nu jij 💪

1. Deploy je project naar GitHub Pages volgens de stappen hierboven.
2. Open je website op je telefoon (niet op Wi-Fi!) – zie je hem? Zo ziet de hele wereld hem.
3. Stuur het adres naar iemand (een ouder, een vriend) en vraag feedback: wat werkt, wat voelt raar.
4. Heb je een domein, koppel het en controleer dat je website op je eigen adres draait.
5. Noteer in LAUNCH.md: het adres van je website en de datum van je eerste deployment. Dat is een historisch moment!

Wat neem je mee uit deze les

• GitHub Pages = gratis hosting voor statische websites, in een paar klikken gedeployed.
• Een eigen domein koppelt via DNS-records (CNAME en A).
• Een website met eigen server heeft andere hosting nodig – het statische deel kan op Pages blijven.

© 2026 Ing. Martin Polak / AlgoRhino · Contentgebruiksvoorwaarden