Wat is webhosting? Hoe websites en apps online blijven
Webhosting is het draaien van je website of app op computers die altijd aan staan en met internet verbonden zijn, zodat iedereen hem op elk moment kan bereiken. De hostingprovider slaat je bestanden op, draait je code en stuurt pagina's en gegevens naar de browsers van bezoekers wanneer die erom vragen. Je laptop zou dit technisch ook kunnen doen, maar hostingproviders doen het betrouwbaar, veilig en op grote schaal.
Waarom het ertoe doet als je met AI bouwt
Wanneer je met een AI-app-builder bouwt, draait je app eerst in een preview: een privékopie die jij (en misschien medewerkers) kunt gebruiken. Hosting maakt daar een live app van op een publiek adres dat klanten kunnen openen.
Het soort hosting dat je app nodig heeft, hangt af van wat hij doet. Een landingspagina heeft heel weinig nodig. Een app met logins, een database en betalingen heeft een server nodig die je code draait, een plek om gegevens te bewaren, en HTTPS. Het verschil begrijpen helpt je bij het kiezen van een builder, het schatten van de running kosten, en het weten wat er gebeurt als je app ineens druk wordt, of als je hem ooit ergens anders wilt neerzetten.
Een alledaagse vergelijking
Denk aan hosting als bedrijfsruimte.
- Een marktkraam is statische hosting: goedkoop, snel opgezet, ideaal om een vaste reeks dingen te tonen en te verkopen.
- Een gedeeld kantoor is shared hosting: je huurt een bureau in een gebouw met veel andere bedrijven, en deelt de lift, het internet en de keuken. Het is betaalbaar, maar een lawaaiige buur heeft invloed op jou.
- Je eigen kantoor met service is een virtuele private server (VPS): je eigen ruimte met gegarandeerde middelen, maar je bent verantwoordelijk voor wat er binnen gebeurt.
- Je eigen gebouw is een dedicated server: volledige controle en volledige verantwoordelijkheid.
- Een beheerde werkplek die meegroeit en krimpt met je team is cloud- of platformhosting: je gebruikt wat je nodig hebt, betaalt voor wat je gebruikt, en de verhuurder regelt het onderhoud.
Je domeinnaam is het straatadres op het bord. DNS is de kaart die bezoekers vertelt bij welk gebouw dat adres hoort.
Soorten hosting
| Soort | Wat het is | Geschikt voor | Wat jij beheert |
|---|---|---|---|
| Statische hosting | Levert vaste bestanden (HTML, CSS, JavaScript, afbeeldingen), vaak vanaf een CDN | Landingspagina's, portfolio's, marketingsites, apps met alleen een frontend | Bijna niets |
| Shared hosting | Veel sites op één server, vaak met een beheerpaneel | Kleine WordPress- of PHP-sites | Enkele instellingen |
| VPS | Een virtuele machine met eigen middelen | Eigen apps, als je een server kunt beheren | Het besturingssysteem, beveiligingsupdates, uitrollen |
| Dedicated server | Een volledige fysieke machine | Hoge, constante belasting met specifieke eisen | Alles |
| Platform as a Service (PaaS) | Jij levert de code; het platform bouwt, draait en schaalt die | De meeste webapps en API's | Je code en configuratie |
| Serverless | Code draait op verzoek per aanvraag; niets draait als het stil is | Pieken of laag verkeer, API's, achtergrondtaken | Je functies |
De meeste AI-app-builders die voor je hosten, werken als een PaaS: je drukt op publiceren, en het platform regelt servers, schalen en certificaten.
Een uitgewerkt voorbeeld: wat een boekingsapp nodig heeft om live te gaan
Neem een boekingsapp voor een kapsalon met een openbare boekingspagina, klantaccounts en een dashboard voor de eigenaar. Om live te zijn, heeft hij nodig:
| Onderdeel | Wat het doet | Waar het draait |
|---|---|---|
| Frontend | De pagina's en knoppen in de browser van de bezoeker | Statische hosting / CDN |
| Backend | Controleert beschikbaarheid, slaat boekingen op, bepaalt wie wat mag zien | Een server of container |
| Database | Bewaart diensten, klanten en boekingen | Een beheerde database |
| Bestandsopslag | Bewaart geüploade foto's | Objectopslag |
| Domein + DNS | boek.jouwsalon.nl wijst naar de app | Je registrar / DNS-provider |
| HTTPS-certificaat | Versleutelt het verkeer; toont het slotje | Uitgegeven door de host of een certificaatautoriteit |
| Geheimen | API-sleutels voor e-mail en betalingen | De omgevingsvariabelen van de host |
Als je dit zelf zou uitrollen, zou je elk onderdeel moeten opzetten. Een platform dat voor je host, bundelt ze. Hoe dan ook helpt het om te weten dat ze bestaan; de gids over frontend vs. backend legt de splitsing uit.
Veelgebruikte termen uitgelegd
| Term | Betekenis |
|---|---|
| Server | Een computer die via een netwerk op verzoeken reageert. |
| Uitrollen / publiceren | Een versie van je code op de hosting zetten zodat die live is. |
| Uptime | Het deel van de tijd dat de site bereikbaar is. |
| Bandbreedte / egress | De hoeveelheid data die van je app naar bezoekers wordt gestuurd. Vaak apart gefactureerd. |
| CDN | Content delivery network: kopieën van je bestanden op servers over de hele wereld, zodat ze sneller laden. |
| SSL/TLS, HTTPS | Versleuteling tussen browser en server. TLS is het moderne protocol; "SSL-certificaat" is de gangbare naam. |
| Schalen | Meer verkeer aankunnen: grotere machines (verticaal) of er meer (horizontaal). |
| Schalen naar nul / koude start | Inactieve apps stoppen om geld te besparen; het eerste verzoek na een pauze duurt iets langer terwijl de app opstart. |
| Omgevingsvariabelen | Configuratie en geheimen die tijdens het draaien aan je app worden meegegeven, buiten de code gehouden. |
| Logs | Registraties van wat de app heeft gedaan, gebruikt om fouten te analyseren. |
| Container | Een ingepakte app met alles wat hij nodig heeft om te draaien, vaak gebouwd vanuit een Dockerfile. |
Veelgemaakte fouten en misverstanden
- Het domein en de hosting door elkaar halen. Het kopen van
jouwnaam.nlzet nog geen site erop. Je hebt ook hosting en DNS-records nodig die ernaar verwijzen. - Aannemen dat "onbeperkt" echt onbeperkt is. Abonnementen die onbeperkte bandbreedte of opslag adverteren, hebben meestal fair-use-voorwaarden. Lees ze.
- De lopende kosten vergeten. Het bouwen van een app is één kostenpost; hosting, database, opslag en externe API's zijn doorlopend. Controleer voor de lancering hoe elk wordt gefactureerd.
- Bestanden op de schijf van de server opslaan. Bij de meeste moderne hosting is de lokale schijf van de server tijdelijk en kan hij bij elke uitrol of herstart worden gewist. Geüploade bestanden horen in objectopslag.
- De preview als productie behandelen. Previews kunnen gepauzeerd worden, testgegevens gebruiken of alleen voor jou zichtbaar zijn. Publiceer voordat je deelt.
- Niet nadenken over waar je naartoe kunt. Als je hosting aan één platform is gekoppeld, controleer dan of je de code later kunt exporteren en elders kunt draaien.
Wat je aan je AI-builder kunt vragen
- "Wat heeft deze app nodig om te draaien na publicatie: alleen statische bestanden, of ook een server en database?"
- "Waar worden geüploade bestanden opgeslagen? Zorg dat ze niet op de lokale schijf van de server staan."
- "Bewaar alle API-sleutels in omgevingsvariabelen."
- "Voeg caching-headers toe voor afbeeldingen en statische bestanden."
- "Laat me de logs zien van het laatste mislukte verzoek."
- "Als ik dit ergens anders wilde hosten, wat zou ik dan nodig hebben?" Zie hoe je een met AI gebouwde app exporteert en zelf host.
Hosting op Mythex
Op Mythex is hosting onderdeel van de builder. Wanneer je publiceert, maakt Mythex een momentopname van het project en zet het live op jouwnaam.mythex.app: statische frontends gaan als statische sites online, en backends draaien op beheerde machines die in rust slapen en bij het volgende bezoek weer wakker worden. De database en bestandsopslag komen met het project mee wanneer je app ze nodig heeft. Hosting, bandbreedte, database en opslag gebruiken hetzelfde creditsaldo als bouwen, en Pro betaalt daarvoor de helft van het Free-tarief; statische sites gebruiken geen credits terwijl ze inactief zijn. Pro voegt eigen domeinen toe met automatisch uitgegeven HTTPS. De documentatie behandelt publiceren en hostinglimieten, en de prijzenpagina vergelijkt de abonnementen.
Veelgestelde vragen
Wat is webhosting in simpele woorden?
Webhosting is het huren van ruimte en rekenkracht op servers die altijd aan staan en met internet verbonden zijn, zodat iedereen je website of app op elk moment kan bereiken. De host slaat je bestanden op, draait je code en stuurt pagina's naar de browsers van bezoekers.
Is een domein hetzelfde als hosting?
Nee. Een domein is de naam die mensen intypen, zoals voorbeeld.nl. Hosting is de plek waar de site echt draait. DNS-records verbinden de twee door het domein naar je host te laten wijzen. Je kunt ze bij hetzelfde bedrijf kopen of bij verschillende.
Heb ik aparte hosting nodig voor een met AI gebouwde app?
Dat hangt af van de builder. Sommige AI-app-builders, waaronder Mythex, hosten de app voor je zodra je publiceert. Andere genereren code die je zelf naar een hostingprovider moet uitrollen.
Wat is het verschil tussen statische en dynamische hosting?
Statische hosting levert bestanden die voor elke bezoeker hetzelfde zijn, zoals een landingspagina; het is eenvoudig, snel en goedkoop. Dynamische hosting draait servercode die per verzoek antwoorden bouwt, wat apps met logins, databases en betalingen nodig hebben.