Gidsen

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

SoortWat het isGeschikt voorWat jij beheert
Statische hostingLevert vaste bestanden (HTML, CSS, JavaScript, afbeeldingen), vaak vanaf een CDNLandingspagina's, portfolio's, marketingsites, apps met alleen een frontendBijna niets
Shared hostingVeel sites op één server, vaak met een beheerpaneelKleine WordPress- of PHP-sitesEnkele instellingen
VPSEen virtuele machine met eigen middelenEigen apps, als je een server kunt beherenHet besturingssysteem, beveiligingsupdates, uitrollen
Dedicated serverEen volledige fysieke machineHoge, constante belasting met specifieke eisenAlles
Platform as a Service (PaaS)Jij levert de code; het platform bouwt, draait en schaalt dieDe meeste webapps en API'sJe code en configuratie
ServerlessCode draait op verzoek per aanvraag; niets draait als het stil isPieken of laag verkeer, API's, achtergrondtakenJe 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:

OnderdeelWat het doetWaar het draait
FrontendDe pagina's en knoppen in de browser van de bezoekerStatische hosting / CDN
BackendControleert beschikbaarheid, slaat boekingen op, bepaalt wie wat mag zienEen server of container
DatabaseBewaart diensten, klanten en boekingenEen beheerde database
BestandsopslagBewaart geüploade foto'sObjectopslag
Domein + DNSboek.jouwsalon.nl wijst naar de appJe registrar / DNS-provider
HTTPS-certificaatVersleutelt het verkeer; toont het slotjeUitgegeven door de host of een certificaatautoriteit
GeheimenAPI-sleutels voor e-mail en betalingenDe 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

TermBetekenis
ServerEen computer die via een netwerk op verzoeken reageert.
Uitrollen / publicerenEen versie van je code op de hosting zetten zodat die live is.
UptimeHet deel van de tijd dat de site bereikbaar is.
Bandbreedte / egressDe hoeveelheid data die van je app naar bezoekers wordt gestuurd. Vaak apart gefactureerd.
CDNContent delivery network: kopieën van je bestanden op servers over de hele wereld, zodat ze sneller laden.
SSL/TLS, HTTPSVersleuteling tussen browser en server. TLS is het moderne protocol; "SSL-certificaat" is de gangbare naam.
SchalenMeer verkeer aankunnen: grotere machines (verticaal) of er meer (horizontaal).
Schalen naar nul / koude startInactieve apps stoppen om geld te besparen; het eerste verzoek na een pauze duurt iets langer terwijl de app opstart.
OmgevingsvariabelenConfiguratie en geheimen die tijdens het draaien aan je app worden meegegeven, buiten de code gehouden.
LogsRegistraties van wat de app heeft gedaan, gebruikt om fouten te analyseren.
ContainerEen 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.nl zet 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.

Mythex · Pricing · Bouw alles met AI · Website- en app-templates · Mythex vergeleken · Woordenlijst voor apps bouwen met AI · Gratis tools voor apps bouwen met AI · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)