Hva er Static Site Generation (SSG)?
Rask definisjon
Static Site Generation er en metode for å bygge nettsteder der alle sider forhåndsrenderes ved byggetidspunktet til statiske HTML-filer, noe som gir ekstremt raske lastetider.
Static Site Generation (SSG) creates all of a website's pages during a build step, before any user visits the site. The result is a collection of plain HTML, CSS, and JavaScript files that can be served directly by a CDN without any server-side processing per request.
Unlike dynamic websites that generate pages on every request (SSR) or in the browser (CSR), static sites are pre-built. When a user visits a page, they receive a pre-made HTML file instantly. This eliminates server processing time and database queries, resulting in the fastest possible load times.
Popular static site generators include Next.js (which supports both SSG and SSR), Gatsby, Hugo, Eleventy, and Astro. These tools take your content (from markdown files, a CMS, or an API) and templates, then generate a complete website during the build process.
SSG is ideal for websites where content doesn't change with every request: blogs, documentation sites, marketing websites, landing pages, and portfolio sites. For content that changes frequently, many SSG frameworks support Incremental Static Regeneration (ISR), which rebuilds only the pages that need updating.
Hvorfor det betyr noe
Static sites are the fastest, most secure, and cheapest to host. Since there's no server processing or database, there's nothing to hack and nothing to slow down. They can be hosted on a CDN for pennies per month and handle millions of visitors without performance degradation.
For businesses, this translates to better user experience, higher conversion rates, reduced hosting costs, and fewer security concerns. If your website's content doesn't need to be dynamically generated per request, SSG is often the smartest choice.
Eksempler fra virkeligheten
A documentation site with 5,000 pages built with SSG loads every page in under 200ms because there's zero server processing, just serving pre-built HTML from a CDN
A marketing agency switched their client websites from WordPress to a static site generator, reducing hosting costs by 90% while improving page speed scores to near-perfect
A blog with 1,000+ articles uses SSG with incremental rebuilds, adding new content in seconds without regenerating the entire site
A landing page built with SSG achieved a 99/100 Lighthouse performance score out of the box, compared to 62/100 for the previous dynamically-generated version
Relaterte termer
Server-Side Rendering (SSR)
Server-Side Rendering er en teknikk der nettsider genereres på serveren ved hver forespørsel og leverer komplett HTML til nettleseren for rask første innlasting.
CDN (Content Delivery Network)
Et CDN er et geografisk distribuert nettverk av servere som leverer nettinnhold til brukere fra den serveren som er nærmest dem, noe som reduserer lastetider.
Single-Page Application (SPA)
En Single-Page Application er en nettapp som laster én enkelt HTML-side og oppdaterer innholdet dynamisk etter hvert som brukeren interagerer med den.
CMS (Content Management System)
Et CMS er programvare som lar brukere opprette, administrere og endre innhold på et nettsted uten å skrive kode, og tilbyr et intuitivt grensesnitt for publisering.
Trenger du hjelp med static site generation (ssg)?
Teamet vårt kan hjelpe deg med å omsette dette i praksis. Få en gratis konsultasjon for å diskutere prosjektet ditt.