Da “World Wide Web” først blev afsløret for offentligheden i 1991, var alle hjemmesider samlinger af statiske HTML-dokumenter – hver fil indeholdt den opmærkning, der kræves for at gengive en komplet side i en webbrowser. Næsten med det samme gik internettets banebrydende udviklere i gang med at finde måder at generere hjemmesider dynamisk, samlet af kode, der kører på webservere og udtrækker indhold fra databasesystemer.

Selvom statiske hjemmesider ikke helt forsvandt, da CMS’er blev dominerende, er en moderne tilgang til konceptet med statiske hjemmesider nu populær blandt dem, der sætter pris på hastighed og sikkerhed.

På Kinstas Statisk Site Hosting-platform er hjemmesider faktisk hurtige og sikre. De er også gratis.

Lad os se nærmere på statiske sider, og hvordan Kinsta kan hjælpe dig med at distribuere din til edge-servere over hele verden.

Er et statisk site det rigtige til dit webprojekt?

Et statisk websted serverer forudbyggede HTML-, CSS-, JavaScript- og mediefiler.

“Fordelen ved at have statisk indhold er, at det er hurtigt og effektivt,” siger Michael Fuller, en JavaScript-udvikler hos Kinsta og et medlem af det team, der hjalp med at lancere Kinstas Statisk Site Hosting-platform. “I stedet for at en server skal konstruere siden ved at tale med databasen, sender den bare brugerne dine præfabrikerede filer.”

“I stedet for at lave statiske filer helt i hånden, findes der en række statiske sidegeneratorer,” siger han. “Det er kits, der hjælper med at gøre oprettelses- og opdateringsprocessen af en statisk side lettere ved at forvandle de filer, du leverer, til en fungerende hjemmeside.”

Hvilken slags projekter kan implementeres som statiske sider?

“Hvis du ikke har nogen sider, der kræver, at nogen logger ind, ingen database eller noget andet, der kræver dynamisk indhold, så er det sandsynligvis en god kandidat til at være et statisk site,” siger Fuller. “Det kan være ting som porteføljer, marketingsider eller endda en blog, hvis du er glad for at skrive nye indlæg ved hjælp af en statisk site-generator.”

Og når et site ikke har en server eller database at forbinde til, er der færre muligheder for sikkerhedsbrud.

“I mere avancerede tilfælde kan man have en blandet tilgang,” siger Fuller. “Man kan lave et statisk site, der bruger et JavaScript-framework til at tale med en server, der administreres separat. På den måde får man hastighedsfordelene ved de indledende indlæsningstider kombineret med fleksibiliteten ved et dynamisk site.”

En oversigt over statisk site-hosting hos Kinsta

Her er, hvad du får gratis på Kinstas Static Site Hosting-platform:

  • 100 statiske websteder pr. virksomhed
  • 1 samtidig opbygning pr. websted
  • 1 GB build-billedstørrelse pr. websted
  • 600 build-minutter pr. måned pr. virksomhed
  • 100 GB båndbredde pr. måned pr. virksomhed

Og som med Kinstas Applikation Hosting og Administreret WordPress Hosting-platforme er der gratis SSL-certifikater, understøttelse af brugerdefinerede domænenavne og en valgfri API til site management.

Kinsta bygger og skubber statisk webstedsindhold til 260+ datacentre i Cloudflares globale netværk – den samme platform, der understøtter Kinsta CDN og edge caching til WordPress-websteder.

Implementering af et statisk websted på Kinsta

Det første trin i implementering af et statisk websted på Kinsta er at forbinde din foretrukne Git-host til din konto i MyKinsta.

“Vi understøtter i øjeblikket tre af de førende Git-udbydere, BitBucket, GitHub og GitLab,” siger Fuller. “Det betyder, at ud over fordelene ved, at vi betjener dit websted, kan du bruge deres versionssporing og værktøjer.”

Static Site Hosting connect git-udbyder
Valg af Git-udbyder i MyKinsta.

Når du har godkendt MyKinstas adgang til din Git-udbyder, kan du begynde at tilføje dit første statiske site ved at vælge dets repository og branch:

Tilføjelse af et statisk site i MyKinsta.
Tilføjelse af et statisk site i MyKinsta.

Ovenfor har vi valgt Automatic deployment on commit, hvilket betyder, at Kinsta vil omplacere webstedet, når ændringer skubbes til branch på Git-host.

Dernæst vil MyKinsta forsøge at bestemme de build-indstillinger, der kræves til dit projekt:

MyKinsta Static Site Hosting tilføje detaljer
Build-indstillinger registreret for et projekt, der bruger Nuxt.js til at generere et statisk site.

“Hvis vi er i stand til at finde den generator og pakkehåndtering, du bruger, vil vi udfylde disse med de standardkonventioner, der bruges til dem,” siger Fuller. “For eksempel er kommandoen til Node.js-drevne builds normalt yarn build eller npm run build, og udgivelsesmappen er normalt noget i retning af build, dist, public eller out.”

“Du kan også angive dine egne miljøvariabler, hvis din byggeproces gør brug af dem.”

“I den første udgave af Static Site Hosting understøtter vi kun Node.js til at bygge sider,” siger Fuller, “men vi arbejder på at tilbyde flere platforme i fremtiden.”

Du kan dog stadig implementere mange statiske sider, som ikke er afhængige af Node.js-værktøjer til opbygning. Som eksempler har vi beskrevet, hvordan man implementerer et Jekyll-site og et Hugo-site – ingen af dem har builds drevet af Node.js. I begge tilfælde bygges webstedsaktiver uden for Kinsta-platformen og føjes derefter til en mappe eller branch i et Git-arkiv til implementering som et statisk websted.

Du kan også distribuere statiske aktiver, der slet ikke har noget build-trin, for eksempel almindelige HTML-sider.

“Hvis du ikke bruger en generator, behøver du ikke at angive nogen build-kommando, og vi antager, at dit repository indeholder præfabrikerede filer,” siger Fuller.

Når en implementeringen er udløst, føjes den til sitets build-kø.

“Når udrulningen starter, opretter vi en build-instans i Google Cloud Platform og henter koden fra dit repository,” siger Fuller. “Hvis der blev specificeret en build-kommando, bruger vi et image baseret på din specificerede platform – Node.js for nu – til at køre den kommando. Herefter tjekker vi filstørrelsen på alt i publiceringsmappen for at bekræfte, at det er inden for vores grænser.”

“Det sidste trin er upload, hvor vi skubber dine filer til en Cloudflare R2-bucket.”

Detaljer om den nye udrulning af statiske sider.
Detaljer om den nye udrulning af statiske sider.

Maksimering af hastighed med inkrementelle implementeringer

Implementeringsprocessen for Statisk Site Hosting optimerer byggetiderne ved kun at uploade filer, der rent faktisk er ændret, til Cloudflare-serverne.

“Vi bevarer tidligere uploadede filer over flere udrulninger, så hvis du vælger at udrulle en tidligere version igen, er antallet af filer, der skal uploades igen, få til ingen,” siger Fuller. “For at gøre dette omdøber vi filerne til hashværdien af deres indhold og gemmer en oversigt over de oprindelige stier. Vi gemmer dem i en map-fil for den pågældende implementering, med stien som nøgle og det nye navn som værdi.”

“Når en anmodning sendes til webstedet, bruger vi kortet for den aktuelle implementering til at dirigere til den korrekte version af filen.”

Infrastrukturen bag Static Site Hosting
Infrastrukturen bag Kinstas Static Site Hosting.

Opsummering

Kinstas Static Site Hosting-platform tilbyder lynhurtig levering af indhold på et netværk af edge-servere i verdensklasse understøttet af MyKinsta-dashboardet, der gør implementeringen til en leg.

Og det hele er gratis.

Kom hurtigt i gang med Statisk Site Hosting hos Kinsta ved at tjekke vores bibliotek med quick-start-eksempler, der dækker en række statiske site-generatorer. Eksemplerne inkluderer Git-repositorier, som du kan kopiere for at starte dine egne projekter.

Steve Bonisteel Kinsta

"Steve Bonisteel er en teknisk redaktør hos Kinsta, der begyndte sin forfatterkarriere som journalist på en avis, der jagtede ambulancer og brandbiler. Han har dækket internetrelateret teknologi siden slutningen af 1990'erne."