Efter månader av Beta-testning gör Kinsta hosting av statiska webbplatser tillgängligt för alla som behöver servera HTML-sidor och tillgångar snabbt. Det ger exempelvis JavaScript- och CSS-filer en blixtsnabb hastighet.

Kinsta kan bygga och driva ditt statiska webbplatsprojekt till 260+ datacenter i Cloudflares globala nätverk – och vi gör det dessutom kostnadsfritt.

Vänta! Snabbt och kostnadsfritt?

Ja, och för att hjälpa till att förklara hur vi gör detta, låt oss backa tillbaka och svara på frågan: Vad är en statisk webbplats?

Grunderna för statisk webbplats

”Hosting av statiska webbplatser serverar filer utan någon form av backend-bearbetning”, säger Andras Gerencser, utvecklingschef på Kinsta. ”Denna enkelhet gör det med andra ord till ett effektivt och högpresterande hostingalternativ.”

Gerencser säger att typiska komponenter i en statisk webbplats – HTML, CSS, JavaScript och mediefiler – kan levereras till webbläsare utan att genereras dynamiskt av kod som körs på en server.

”Några grundläggande exempel är exempelvis personliga portfolios, CV-webbplatser, enklare företagswebbplatser, marknadsföringssidor eller dokumentationswebbplatser”, säger han. ”Det är dessutom möjligt att använda statiska webbplatsgeneratorer för att sammanställa statiska tillgångar från andra källor, exempelvis Markdown-filer eller ett CMS.”

Michael Fuller, en JavaScript-utvecklare på Kinsta som hjälpte till att lansera hosting av statiska webbplatser, tillägger att statiska webbplatsgeneratorer förvandlar dessa inmatningar till ”en fungerande webbplats”:

”De gör detta genom att tillhandahålla teman, plugins och automatisera repetitiva uppgifter. Det handlar exempelvis om att ersätta text, skapa länkar mellan sidor, bildoptimering, kodminifiering eller konvertera ett dokument till HTML”, säger han.

Och Gerencser påpekar att ”statiska webbplatser” kan vara mer dynamiska än vad etiketten antyder.

”Du kan använda hosting av statiska webbplatser för att skapa en frontend med vilken backend som helst. Det kan med andra ord vara en Node.js-tjänst på vår plattform för Applikationshosting eller en huvudlös WordPress som körs på vår plattform för hanterad WordPress-hosting”, säger han.

Fuller kallar det för en ”blandad strategi”:

”JavaScript serveras vanligtvis som en statisk tillgång. Nu kan du skapa en statisk webbplats som använder ett JavaScript-ramverk för att prata med en server som hanteras separat”, säger han. ”Som ett resultat får du hastighetsfördelarna i dina initiala laddningstider, i kombination med flexibiliteten hos en dynamisk webbplats.”

Vad du får kostnadsfritt med hosting för statiska webbplatser

Du får mer utöver de verktyg som används för att bygga och distribuera dina statiska webbplatser. Exempelvis kostnadsfritt SSL-certifikat, stöd för anpassade domännamn och ett valfritt API för webbplatshantering. Kinsta’s kostnadsfria hosting är dessutom tillgänglig för dem vars projekt följer följande (generösa) gränser:

  • 100 statiska webbplatser per företag
  • 1 samtidig byggnation per webbplats
  • 1 GB bildstorlek per webbplats
  • 600 byggminuter per månad per företag
  • 100 GB bandbredd per månad per företag

Hur hosting av statiska webbplatser fungerar på Kinsta

Utvecklare som distribuerar en statisk webbplats med Kinsta börjar med sitt projekt i ett Git-kodförråd som hostas av BitBucket, GitHub eller GitLab. En anslutning till Git-kodförrådet och konfigurationsinställningar som krävs för att bygga och distribuera webbplatsen hanteras via MyKinsta.

Men din webbplats behöver inte byggas med hjälp av en statisk webbplatsgenerator. Du behöver bara få dina statiska webbtillgångar till ett kodförråd på en av de Git-hostar som stöds. Efter detta kan ditt projekt med andra ord distribueras som en statisk webbplats.

Kom igång med din första statiska webbplats i MyKinsta.
Kom igång med din första statiska webbplats i MyKinsta.

När du lägger till en statisk webbplats som byggs när den distribueras, kan MyKinsta upptäcka de bygginställningar som krävs automatiskt. Detta gäller dessutom för en mängd populära statiska webbplatsgeneratorer:

Upptäckta bygginställningar för ett projekt som använder Astro för att generera en statisk webbplats.
Upptäckta bygginställningar för ett projekt som använder Astro för att generera en statisk webbplats.

”Därefter”, säger Gerencser, ”skickar MyKinsta filerna från ditt kodförråd till en isolerad pod i ett av våra Kubernetes-kluster. Den kan därefter köra ditt bygg-kommando om det behövs. Resultatet – dina statiska filer – kommer sedan att laddas upp till Cloudflare’s R2-lagring.”

”Som ett resultat distribueras dina filer till mer än 260 Cloudflare-servrar runt om i världen. De levereras med andra ord alltid från den plats som ligger närmast dina webbplatsbesökare”, säger han.

En titt på infrastrukturen bakom Kinsta’s hosting av statiska webbplatser.
En titt på infrastrukturen bakom Kinsta’s hosting av statiska webbplatser.

När din statiska webbplats är igång kan du göra den offentlig i stil med ditt eget domännamn och kostnadsfri SSL-support:

Lägga till en anpassad domän för din statiska webbplats i MyKinsta
Lägga till en anpassad domän för din statiska webbplats i MyKinsta

Dags att börja bygga en statisk webbplats

Om du vill komma igång snabbt med hosting av statiska webbplatser på Kinsta, se vårt växande bibliotek med snabbstartsexempel för kompatibla statiska webbplatsgeneratorer. Dessa exempel inkluderar exempelvis Git-kodförråd som du kan kopiera för att kickstarta dina egna distribueringar.

Vill du bli snygg med din ”statiska” webbplats och generera dynamiskt innehåll med JavaScript? Kombinera Hosting för statisk webbplats med Applikationshosting och Databashosting för att bygga den backend som ditt webbprojekt behöver.