Na maanden van bètatesten stelt Kinsta Statische Site Hosting beschikbaar voor iedereen die razendsnel HTML pagina’s en assets zoals JavaScript-  en CSS bestanden wil leveren.

Met Kinsta kan je statische website project bouwen en pushen naar de 260+ datacenters in het wereldwijde Cloudflare netwerk – en we doen het gratis.

Wacht! Snel en gratis?

Ja, en om uit te leggen hoe we dat doen, gaan we even terug en beantwoorden we de vraag: Wat is een statische website?

De basics van statische websites

“Statische Site Hosting levert bestanden zonder enige vorm van backend verwerking,” zegt Andras Gerencser, Director of Development bij Kinsta. “Deze eenvoud maakt het een efficiënte hostingoptie met een hoge performance.”

Gerencser zegt dat de typische onderdelen van een statische website – HTML, CSS, JavaScript en mediabestanden – kunnen worden geleverd aan browsers zonder dynamisch te worden gegenereerd door code die op een server draait.

“Enkele basisvoorbeelden zijn persoonlijke portfolio’s, CV websites, eenvoudigere zakelijke websites, marketingpagina’s of documentatiesites,” zegt hij. “Het is ook mogelijk om statische sitegeneratoren te gebruiken om statische assets samen te stellen uit andere bronnen, zoals Markdown bestanden of een CMS.”

Michael Fuller, een JavaScript developer bij Kinsta die Statische Site Hosting hielp lanceren, voegt eraan toe dat statische sitegenerators die input omzetten in “een werkende website”:

“Ze doen dit door thema’s en plugins aan te bieden en repetitieve taken te automatiseren, zoals het vervangen van tekst, het maken van links tussen pagina’s, het optimaliseren van afbeeldingen, het minimaliseren van code of het omzetten van een document in HTML,” zegt hij.

En Gerencser wijst erop dat “statische sites” dynamischer kunnen zijn dan dat label suggereert.

“Je kunt Statische Site Hosting gebruiken om een frontend op te zetten met elk soort backend, zoals een Node.js service op ons Applicatie Hosting platform of een headless WordPress die draait op ons Managed WordPress Hosting platform,” zegt hij.

Fuller noemt dat een “mixed approach”:

“Omdat JavaScript meestal wordt geleverd als een statisch bestand, kun je een statische site maken die een JavaScript framework gebruikt om te praten met een server die apart wordt beheerd,” zegt hij. “Op deze manier krijg je de snelheidsvoordelen in je eerste laadtijden, gecombineerd met de flexibiliteit van een dynamische site.”

Wat je gratis krijgt bij Statische Site Hosting

Naast de tools die worden gebruikt om je statische sites te bouwen en te deployen, gratis SSL certificaten, ondersteuning voor custom domeinnamen en een optionele API voor sitebeheer, is de gratis hosting van Kinsta beschikbaar voor degenen wier projecten voldoen aan de volgende (ruime) limieten:

  • 100 statische sites per bedrijf
  • 1 gelijktijdige build per site
  • 1 GB aan build image grootte per site
  • 600 bouwminuten per maand per bedrijf
  • 100 GB bandbreedte per maand per bedrijf

Hoe statische site hosting werkt bij Kinsta

Developers die een statische site deployen bij Kinsta beginnen met hun project in een Git repository die wordt gehost door BitBucket, GitHub of GitLab. Een verbinding met de Git repository en configuratie-instellingen die nodig zijn om de site te bouwen en te deployen worden beheerd via MyKinsta.

Maar je website hoeft niet gebouwd te worden met een statische sitegenerator. Zolang je je statische web-assets in een repository op een van de ondersteunde Git hosts kunt krijgen, kan je project worden gedeployd als een statische site.

Screenshot: Een eerste statische site maken in MyKinsta.
Aan de slag met je eerste statische site in MyKinsta.

Wanneer je een statische site toevoegt die wordt gebouwd wanneer hij wordt gedeployd, kan MyKinsta automatisch de build-instellingen detecteren die nodig zijn voor een verscheidenheid aan populaire statische sitegenerators:

Screenshot: Voorgestelde instellingen voor het bouwen van statische sites.
Build-instellingen gedetecteerd voor een project dat Astro gebruikt om een statische site te genereren.

“Daarna,” zegt Gerencser, “geeft MyKinsta de bestanden uit je repository door aan een geïsoleerde pod in een van onze Kubernetes clusters, die indien nodig je build-commando kan uitvoeren. De output – je statische bestanden – wordt vervolgens geüpload naar de R2 storage van Cloudflare.”

“Dit betekent dat je bestanden worden gedistribueerd naar meer dan 260 Cloudflare servers over de hele wereld – waardoor ze altijd vanaf de dichtstbijzijnde locatie bij je websitebezoekers worden afgeleverd,” zegt hij.

Diagram met de resources die worden gebruikt voor Statische Site Hosting bij Kinsta.
Een kijkje in de infrastructuur achter Kinsta’s Statische Site Hosting.

Als je statische site klaar is, kun je hem in stijl openbaar maken met je eigen domeinnaam en gratis SSL ondersteuning:

Screenshot: Je eigen domein toevoegen voor een statische site.
Een eigen domein toevoegen voor je statische site in MyKinsta

Tijd om te beginnen met het bouwen van je statische site

Als je snel aan de slag wilt met Statische Site Hosting bij Kinsta, bekijk dan onze groeiende bibliotheek met Quickstart voorbeelden voor compatibele statische sitegenerators. Deze voorbeelden bevatten Git repositories die je kunt kopiëren om je eigen deployments te starten.

Wil je je “statische” site opsmukken en dynamische inhoud genereren met JavaScript? Combineer Statische Site Hosting met Applicatie Hosting en Database Hosting om de backend te bouwen die je webproject nodig heeft.