IT Ordbog

Hvad er Static Site Generation (SSG)?

icon

Static Site Generation er en teknik, hvor alle sider på en hjemmeside genereres som statisk HTML under build-processen. Resultatet er ekstremt hurtige sider, der kan serveres direkte fra et CDN uden serverberegning.

Hvad er SSG?

Static Site Generation (SSG) er en rendering-strategi, hvor hjemmesidens sider genereres som statiske HTML-filer på forhånd — typisk når koden deployes (build-time). Modsat SSR, der genererer sider for hver forespørgsel, skaber SSG alle sider én gang og serverer dem derefter direkte. Dette giver den hurtigst mulige indlæsningstid, da der ikke er nogen serverberegning ved hvert besøg.

Sådan fungerer SSG

Under build-processen henter SSG-værktøjet data fra API'er, databaser eller CMS-systemer og genererer en HTML-fil for hver side. Disse filer distribueres derefter til et CDN (Content Delivery Network) globalt. Når en bruger besøger siden, serveres den statiske HTML direkte fra det nærmeste CDN-punkt — typisk med svartider under 50ms. Next.js understøtter SSG med funktioner som generateStaticParams() og kan kombinere SSG med inkrementel regenerering.

SSG vs. SSR — hvornår vælge hvad?

SSG er ideelt for indhold, der ikke ændrer sig ofte: blogindlæg, produktsider, dokumentation og landingssider. SSR er bedre for dynamisk indhold, der ændrer sig per bruger eller per forespørgsel: dashboards, brugerkonti og real-time data. Moderne frameworks som Next.js gør det muligt at bruge begge strategier på samme side — f.eks. statisk layout med dynamisk indhold — og tilføjer Incremental Static Regeneration (ISR) for automatisk opdatering.

Fordele ved SSG

SSG giver fire hovedfordele: 1) Ekstremt hurtig performance (ingen serverventetid), 2) Høj sikkerhed (ingen server at angribe), 3) Billigere drift (statiske filer kræver minimal serverkapacitet), og 4) Skalerbarhed (CDN kan håndtere millioner af forespørgsler). For virksomhedshjemmesider, blogs og marketing-sider er SSG ofte den bedste tilgang for optimal SEO og brugeroplevelse.

Relaterede begreber

Hvad er Next.js?Hvad er SEO?Hvad er Server-Side Rendering?Hvad er HTML?

Relaterede services

WebudviklingProgrammatisk SEO
header-logo
Services
Løsninger
Projekter
Blog
Om os
Kontakt os
footer-logo

Grumsen Development ApS

Bådebrogade 1

6700 Esbjerg

CVR: 37051373

Telefon: +45 93 93 95 95

contact@grumsendev.com

Åbningstider

Mandag - Torsdag

Fredag

09:00 - 16:00

09:00 - 15:30

App UdviklingWeb UdviklingIntegrationerProjekterLøsningerBlog
Om osKontaktKarrierePresseIT OrdbogDesign Guidelines
Instagram Streamline Icon: https://streamlinehq.com

© Copyright 2015 - 2026

Alle rettigheder forbeholdes

Grumsen Development ApS