// Definicja
SSG (Static Site Generation) to technika renderowania stron, w której cały HTML jest generowany raz, w momencie budowania aplikacji. Gotowe pliki HTML trafiają na CDN i są serwowane użytkownikom bez żadnego przetwarzania po stronie serwera.
Jak to działa:
- Uruchmiasz build aplikacji
- Framework pobiera dane z CMS'a
- Dla każdej strony generuje gotowy plik HTML
- Pliki trafiają na CDN
SSG vs inne podejścia:
- SSR (Server-Side Rendering) - HTML generowany na serwerze przy każdym żądaniu. Wolniejsze, ale zawsze aktualne dane
- CSR (Client-Side Rendering) - przeglądarka dostaje pusty HTML + JavaScript, który dopiero buduje stronę. Gorsze dla SEO
- ISR (Incremental Static Regeneration) - hybryda SSG i SSR. Strony generowane statycznie, ale przebudowywane na żądanie po zmianach
Frameworki wspierające SSG: Next.js, Astro, Nuxt, SvelteKit
Kiedy SSG sprawdza się najlepiej:
- Blog - treść zmienia się rzadko, szybkość ładowania jest kluczowa
- Landing page - statyczna treść, maksymalna wydajność
- Dokumentacja - sporadyczne zmiany
// Dlaczego może to być dla Ciebie ważne?
Jeśli budujesz bloga, landing page albo stronę z dokumentacją, SSG to najprostsza droga do szybkiej strony z dobrym SEO. Googlebot dostaje gotowy HTML bez czekania na JavaScript. Strona ładuje się błyskawicznie bo serwer nie musi nic liczyć, po prostu serwuje plik. Zazwyczaj oznacza też tani hosting (pliki statyczne na Vercel/Netlify za darmo) i świetne Core Web Vitals bez konfiguracji. Jedyny minus: jeśli zmieniasz treść często, każda zmiana wymaga przebudowy całej aplikacji, i tu wchodzi ISR.
// Powiązane pojęcia
// Chcesz więcej konkretów?
Konkretne taktyki marketingowe dla programistów. Bez teorii, tylko rzeczy do wdrożenia.
Dołącz do programistów, którzy już czytają.