Mikä on Staattisten sivujen generointi
Staattisten sivujen luonti build-aikana
SSG (Static Site Generation) on lähestymistapa verkkosivujen rakentamiseen, jossa HTML-sivut luodaan etukäteen build-prosessin aikana, ei dynaamisesti jokaisella pyynnöllä.
Edut
- Nopeus — sivut latautuvat välittömästi
- SEO — täysi sisältö näkyy hakukoneille
- Turvallisuus — ei palvelinpuolen logiikkaa
- Skaalautuvuus — helppo tarjoilla CDN:n kautta
Milloin käyttää
- Blogit ja dokumentaatio
- Markkinoinnin laskeutumissivut
- Portfoliot ja käyntikortit
- Tuoteluettelot
Kehykset
- Next.js — React + SSG/SSR
- Gatsby — React + GraphQL
- Astro — monikehys
- Hugo — Go, erittäin nopea
- 11ty — JavaScript, joustava
Haitat
- Build-aika kasvaa sivumäärän mukana
- Ei sovellu usein päivittyvälle sisällölle
- Vaatii rebuild muutoksissa
Hybridiratkaisut
- ISR (Incremental Static Regeneration)
- On-demand revalidation
- SSG + SSR yhdistelmä