Website online zetten en je eigen domeinnaam koppelen

Tijdens het bouwen draait je website op je eigen computer. Je opent hem dan via een adres als localhost. Dat betekent: deze computer. Alleen jij kunt hem zo zien, en als je computer uitgaat, is de site weg.

Online zetten betekent dat je website op een computer komt te staan die altijd aan is en met internet verbonden is: een server. Die server is van een hostingbedrijf. Met een domeinnaam, zoals jouwbedrijf.nl, vinden bezoekers die server terug.

• hosting

  Hosting

  Ruimte op een server waar je websitebestanden staan. Te vergelijken met een winkelpand: daar staat je winkel echt.

• domein

  Domeinnaam

  Het adres van je website, zoals jouwbedrijf.nl. Te vergelijken met het adres op de gevel. Je huurt het per jaar bij een domeinregistratie.

• DNS

  DNS

  Het telefoonboek van internet. Het vertelt computers bij welke server een domeinnaam hoort. Hiermee koppel je je domein aan je hosting.

• HTTPS

  HTTPS

  Een versleutelde verbinding tussen bezoeker en website, te herkennen aan het slotje in de adresbalk. Zonder HTTPS waarschuwen browsers je bezoekers.

GitHub is een plek waar je code online bewaart, met versiebeheer: elke wijziging wordt opgeslagen, zodat je altijd terug kunt naar een eerdere versie. Een gratis account is genoeg om te beginnen.

Veel hostingdiensten kun je aan GitHub koppelen. Elke keer dat je een nieuwe versie naar GitHub stuurt, zet de hosting die automatisch online. Je hoeft dus niet meer handmatig bestanden te uploaden. Gaat er iets mis, dan zet je eenvoudig de vorige versie terug.

Je hoeft de opdrachten daarvoor niet uit je hoofd te kennen. Een AI-programmeur zoals Claude Code kan je wijzigingen voor je naar GitHub sturen en uitleggen wat er gebeurt.

1. 1

   Controleer of alles lokaal werkt

   Test je site op je eigen computer, op een groot scherm en op je telefoon. Los fouten op voordat je verdergaat.

2. 2

   Zet je code op GitHub

   Maak een gratis account en een repository: een map voor je project. Let op dat wachtwoorden en geheime sleutels er niet in komen.

3. 3

   Kies hosting

   Kies een hostingdienst die past bij je site. Een eenvoudige site van alleen pagina's stelt andere eisen dan een web-app met een online database zoals Prisma Postgres. Vraag de AI wat jouw project nodig heeft.

4. 4

   Koppel GitHub aan je hosting

   Volg de stappen van de hostingdienst. Daarna krijg je meestal een tijdelijk webadres waarop je site al te zien is.

5. 5

   Registreer een domeinnaam

   Kies een korte, duidelijke naam en registreer die bij een domeinregistratie. Soms kan dat ook direct bij je hostingdienst.

6. 6

   Stel de DNS in

   Je hostingdienst vertelt welke gegevens je bij je domein moet invullen. Die vul je in bij de partij waar je domein staat.

7. 7

   Controleer HTTPS

   Veel hostingdiensten regelen het certificaat voor HTTPS automatisch. Controleer of het slotje verschijnt en of je site ook zonder www werkt.

Het koppelen gebeurt via DNS-records: regels die zeggen waar je domein naartoe moet wijzen. Je hostingdienst geeft je precies aan wat je moet invullen. Meestal is dat een A-record, dat naar een IP-adres wijst (het nummer van de server), of een CNAME-record, dat naar een andere naam wijst.

Na het invullen kan het even duren voordat de wijziging overal zichtbaar is. Dat heet propagatie: computers over de hele wereld moeten het nieuwe adres nog leren. Vaak gaat het binnen een uur, soms duurt het langer. Werkt je site niet direct, wacht dan even voordat je iets aanpast.

• Wachtwoorden of sleutels meesturen naar GitHub. Die horen in een apart instellingenbestand dat niet wordt gedeeld.
• Een site die lokaal werkt, maar online niet, omdat de DATABASE_URL van je database nog niet is ingevuld bij de hostingdienst.
• DNS-records aanpassen en meteen weer veranderen omdat het niet direct werkt, terwijl de wijziging nog bezig was.
• Vergeten te controleren of de site ook op telefoons goed werkt.
• Geen back-up of vorige versie bewaren, waardoor een fout lastig terug te draaien is.