Home Shopify Gesprek Blog

Vercel hosting uitgelegd: waarom wij het kiezen voor elke website die we bouwen

Ontwikkeling Patrick Verhoeks Patrick Verhoeks

Vercel is het hostingplatform achter onze websites. Maar wat maakt het zo bijzonder? We leggen uit hoe het edge-netwerk werkt, waarom deploys seconden duren en wat het kost.

Vercel hosting uitgelegd — hoe het edge-netwerk werkt en waarom het razendsnel is

Als je een website bij Web Builders laat maken, wordt die altijd gehost op Vercel. Niet omdat het de goedkoopste optie is (dat is het niet), en niet omdat het de bekendste naam is (AWS of Google Cloud zijn dat). Maar omdat het voor onze specifieke aanpak — statische Astro-sites met maximale snelheid — gewoon het beste platform is.

In dit artikel leg ik uit wat Vercel is, hoe het edge-netwerk werkt, wat het kost en waarom we het zo graag gebruiken.

Wat is Vercel?

Vercel is een cloudplatform voor frontend-developers, opgericht door Guillermo Rauch (ook de bedenker van Next.js). Het platform is specifiek gebouwd voor het hosten van moderne, statische websites en JavaScript-applicaties — niet voor databases, mailservers of complexe backend-infrastructuur.

Wat Vercel anders maakt dan traditionele hosting:

1. Edge-first architectuur. Vercel host geen bestanden op één server ergens in Amsterdam of Frankfurt. Het verspreidt je website over een wereldwijd netwerk van edge-locaties — momenteel meer dan 100. Een bezoeker in Amsterdam wordt bediend vanuit Amsterdam. Een bezoeker in Sydney vanuit Sydney. Latency is minimaal.

2. Git-gebaseerde deployment. Je koppelt je GitHub-, GitLab- of Bitbucket-repository aan Vercel. Bij elke push naar de main-branch wordt automatisch een nieuwe versie van de site gebuild en gepubliceerd. Geen FTP, geen handmatige uploads, geen vergeten bestanden.

3. Preview-deployments. Elke pull request of branch krijgt automatisch een eigen preview-URL. Dat is de staging-omgeving die we gebruiken om klanten de website te laten beoordelen vóór livegang — dezelfde technologie, op een aparte URL.

Het edge-netwerk: zo werkt het

Traditionele hosting werkt als volgt: je website staat op één server in een datacenter. Een bezoeker stuurt een HTTP-request, die request reist naar dat datacenter, de server verwerkt het en stuurt de respons terug. Hoe verder de bezoeker van het datacenter, hoe langzamer dat gaat.

Bij een CDN (Content Delivery Network) worden statische bestanden gekopied naar meerdere locaties wereldwijd. Bezoekers worden automatisch doorgestuurd naar de dichtstbijzijnde locatie. Dat is sneller, maar traditionele CDNs hebben een beperking: dynamische content (gegenereerd door PHP of een database) kan niet op die manier worden gedistribueerd.

Vercel’s edge-netwerk lost dit op met Edge Functions — kleine serverless functies die op elke edge-locatie kunnen draaien. Voor statische Astro-sites zijn die Edge Functions nauwelijks nodig (de bestanden staan al op de edge), maar ze bieden flexibiliteit voor API-routes, redirects en authenticatie.

Het praktische resultaat voor een Astro-site op Vercel: Time to First Byte (TTFB) onder de 50 milliseconden voor de meeste bezoekers. Dat is de tijd totdat de browser het eerste byte van de HTML ontvangt — een kritieke factor voor waargenomen laadsnelheid.

Zero-downtime deploys en rollbacks

Eén van de meest onderschatte features van Vercel is hoe deployment werkt.

Bij traditionele hosting vervang je de bestanden op de server. Tijdens die vervanging kunnen bezoekers een kapotte of halfgebouwde versie zien. Bij drukke sites heb je nachtelijke deploytijden of complexe blue-green deployments nodig.

Vercel werkt anders. Elke deploy is atomisch: de nieuwe versie wordt volledig gebuild en gepubliceerd naast de oude versie, en pas als alles klaar is wordt het verkeer omgeschakeld. Voor bezoekers is dat onzichtbaar — ze zien nooit een tussenstatus.

Bijkomend voordeel: één-klik rollback. Elke vorige versie is nog beschikbaar in Vercel’s dashboard. Als er iets misgaat met een nieuwe release, schakel je binnen seconden terug naar de vorige versie.

Automatische HTTPS en domeinkoppeling

Vercel verzorgt automatisch een SSL/TLS-certificaat via Let’s Encrypt — inclusief automatische verlenging. Je hoeft nooit handmatig een certificaat aan te vragen, te downloaden of te installeren.

Een eigen domein koppelen duurt vijf minuten: je voegt een CNAME-record toe bij je domeinregistrar (je domeinnaamhouder), en Vercel doet de rest. HTTPS werkt direct.

Voor subdomeinen (zoals www. of staging.) geldt hetzelfde: Vercel biedt wildcard-subdomeinen op alle betaalde plans.

Wat kost Vercel?

Vercel heeft drie tiers:

Hobby (gratis) — Bedoeld voor persoonlijke projecten en prototypes. Technisch geschikt voor kleinere statische sites, maar de gebruiksvoorwaarden verbieden commercieel gebruik.

Pro ($20/maand) — Voor commerciële projecten. Inclusief meer bandbreedte, team-collaboration, geavanceerde analytics en commercieel gebruik. Voor de meeste MKB-websites is dit de juiste keuze.

Enterprise — Voor grote organisaties met compliance-vereisten, SLA’s en dedicated support.

Vergeleken met traditionele managed WordPress-hosting (€30-60/maand) of een VPS (€20-80/maand exclusief beheer) is Vercel goedkoop voor wat je krijgt — zeker als je meerekent dat er geen serveronderhoud, geen plugin-updates en geen beveiligingspatches bij komen kijken.

Vercel vs traditionele hosting

VercelManaged WordPressVPS
DeploymentGit push → automatischFTP of beheer-panelSSH + handmatig
SnelheidEdge-netwerk (100+ locaties)1 server1 server
HTTPSAutomatisch, gratisMeestal inbegrepenHandmatig instellen
RollbackÉén klikBackup terugzettenHandmatig
OnderhoudGeenPlugin-updates, patchesAlles zelf
Prijs (commercieel)€20/maand€30-60/maand€20-80/maand + beheer

Waarom wij geen alternatieven gebruiken

We hebben ook met Netlify, Cloudflare Pages en AWS Amplify gewerkt. Ze zijn vergelijkbaar, maar Vercel heeft voor onze use case drie voordelen:

Diepste Astro-integratie. Vercel heeft Astro officieel als framework geadopteerd en biedt geoptimaliseerde buildconfiguraties out of the box. Geen handmatige tuning nodig.

Preview-deploys per branch. De staging-workflow die we gebruiken om klanten de site te laten reviewen werkt op Vercel het meest naadloos. Elke branch krijgt automatisch een aparte URL.

Analytics zonder cookies. Vercel Web Analytics biedt privacy-vriendelijke paginastatistieken zonder tracking-cookies — handig als aanvulling op Google Search Console zonder AVG-complicaties.

Conclusie

Vercel is meer dan een hostingprovider — het is een deployment-platform dat de manier waarop websites live gaan fundamenteel vereenvoudigt. Geen handmatige uploads, geen nachtelijke deploys, geen risico op downtime.

Voor statische Astro-sites is het de ideale combinatie: Astro genereert statische HTML, Vercel serveert die HTML razendsnel vanuit een wereldwijd edge-netwerk. Resultaat: PageSpeed-scores van 95-100 en hostingkosten van €0-20 per maand.

Wil je meer weten over onze technologische aanpak? Lees dan wat Astro is en hoe het werkt, of bekijk direct onze Astro website dienstenpagina voor prijzen en planning.

Veelgestelde vragen

  • Wat is Vercel?

    Vercel is een cloudplatform gespecialiseerd in het hosten van moderne, statische websites en frontend-applicaties. Het heeft een wereldwijd edge-netwerk waardoor websites razendsnel laden ongeacht waar de bezoeker zich bevindt.

  • Wat kost Vercel?

    Vercel heeft een gratis tier (Hobby) die voor de meeste statische websites ruim voldoende is: onbeperkte bandbreedte, automatische HTTPS en 100 GB-ft storage. Voor commerciële projecten is het Pro-plan beschikbaar vanaf $20/maand. Er zijn geen verborgen serverkosten omdat statische sites geen compute-capaciteit gebruiken.

  • Is Vercel veilig?

    Ja. Vercel biedt automatische HTTPS (TLS), DDoS-beveiliging via het edge-netwerk en zero-downtime deploys. Omdat statische bestanden worden geserveerd — geen PHP, geen database, geen server-side code — is het aanvalsoppervlak inherent klein.

  • Hoe snel zijn deploys op Vercel?

    Bij statische Astro-sites duurt een volledige build en deploy doorgaans 30-90 seconden. Na de push naar Git heeft de nieuwe versie wereldwijd binnen twee minuten live. Bij een rollback naar een vorige versie klik je eenmalig op een knop.

  • Kan ik mijn eigen domein koppelen aan Vercel?

    Ja. Vercel maakt het koppelen van een eigen domein eenvoudig: je voegt een CNAME of A-record toe bij je domeinregistrar. Vercel verzorgt daarna automatisch het SSL-certificaat en de verlenging ervan.

  • #vercel
  • #hosting
  • #website
  • #edge network
  • #deployment
  • #ci/cd
  • #astro
  • #website laten maken