# SSG *Generowanie stron statycznych* SSG to budowanie wszystkich podstron do gotowych plików HTML, zanim ktokolwiek wejdzie na stronę. Żądanie obsługuje wtedy serwer plików, a nie kod, zapytanie do bazy i szablon składany na miejscu przy każdej wizycie. **Canonical:** https://spoko.space/pl/slownik/ssg/ **Language:** pl **Kategoria:** Technologia **Inaczej:** generator stron statycznych, strona statyczna, prerendering **Published:** 2026-09-22 **Słownik pojęć:** https://spoko.space/pl/slownik/ --- ## Co to jest {#co-to-jest} Są dwa sposoby na zrobienie strony. **Dynamiczna** składa ją w momencie wejścia: PHP się budzi, odpytuje bazę, wypełnia szablon, oddaje wynik. **Statyczna** zrobiła to wszystko raz, podczas budowania, i zostawiła na dysku plik HTML. Odwiedzający dostaje plik. Na tym polega cały pomysł. Reszta — Astro, Hugo, Eleventy, Next w trybie eksportu — to różne sposoby uruchomienia tego samego procesu. ## Dlaczego to twój problem, jeśli zamawiasz stronę {#dlaczego-to-twój-problem-jeśli-zamawiasz-stronę} Trzy konsekwencje, w kolejności, w jakiej pojawiają się na fakturze. **Szybkość, której nie trzeba utrzymywać.** Nie ma pracy po stronie serwera, która mogłaby być wolna. Pierwszy bajt przychodzi z najbliższego węzła CDN, a to, co zostaje do optymalizacji, dotyczy zdjęć i fontów, nie wtyczek od cache'owania. **Dużo mniejsza powierzchnia ataku.** Nie ma bazy, w którą można wstrzyknąć zapytanie, ani panelu administracyjnego pod publicznym adresem. Większość tego, co sprzątam po włamaniach na WordPressa, wchodzi przez nieaktualizowaną wtyczkę — czyli drogą, której nie ma, gdy serwer wydaje wyłącznie pliki. **Hosting w okolicach zera.** Ta strona stoi na darmowym planie Cloudflare Pages i stałaby tam dalej przy ruchu, który pod WordPressem wymagałby prawdziwego serwera. ## Ile to kosztuje, uczciwie {#ile-to-kosztuje-uczciwie} Przebudowę przy każdej zmianie. Poprawiasz literówkę i serwis generuje się od nowa — przy małej stronie sekundy, przy tej kilka minut, bo build przy okazji renderuje kartę społecznościową dla każdej podstrony w przeglądarce bez okna i sprawdza linki, dane strukturalne oraz mirrory. To dobry układ przy stu podstronach i kiepski przy katalogu na sto tysięcy, gdzie z góry zbudowałbym szablony, a resztę dociągał na brzegu sieci. Drugi koszt: wszystko, co naprawdę dynamiczne — koszyk, widok po zalogowaniu, stan magazynu na żywo — musi przyjść skądinąd. Z zapytania z przeglądarki albo z trasy, którą świadomie zostawiasz liczoną na żądanie. To normalna architektura, nie porażka, ale decyzję podejmujesz ty, a nie CMS za ciebie. ## Czym SSG nie jest {#czym-ssg-nie-jest} Nie oznacza, że strony nie da się edytować bez programisty. Edycja dzieje się w CMS-ie albo w repozytorium; build tylko zamienia jedno i drugie w pliki. Sporo stron statycznych trzyma WordPressa jako edytor i używa go wyłącznie jako API. Nie oznacza też „bez JavaScriptu”. Statyczność mówi o tym, kiedy powstaje HTML, a nie o tym, co uruchamia się potem. Strona statyczna może wieźć dowolną ilość kodu po stronie przeglądarki — i dokładnie tak statyczna strona potrafi mimo wszystko być wolna. ## Powiązane pojęcia {#related-terms} - [Astro](https://spoko.space/pl/slownik/astro/): Astro to framework, który renderuje podstrony do HTML-a w trakcie budowania i nie wysyła żadnego JavaScriptu, dopóki komponent o to nie poprosi. Interaktywne kawałki deklaruje się pojedynczo jako wyspy, więc strona wiezie kod tylko dla nich. — Markdown: https://spoko.space/pl/slownik/astro.md - [headless CMS](https://spoko.space/pl/slownik/headless-cms/): Headless CMS przechowuje treść i pozwala ją edytować, ale nie rysuje strony. Podstrony buduje coś innego, co czyta treść przez API — dzięki czemu narzędzia do edycji i warstwę wizualną można wymieniać niezależnie od siebie. — Markdown: https://spoko.space/pl/slownik/headless-cms.md - [Core Web Vitals](https://spoko.space/pl/slownik/core-web-vitals/): Core Web Vitals to trzy wskaźniki, które Google zbiera z prawdziwych wizyt w Chrome: LCP dla ładowania, INP dla reakcji na kliknięcie i CLS dla stabilności układu. Adres zalicza je, gdy 75% wizyt mieści się w progu „dobrze”. — Markdown: https://spoko.space/pl/slownik/core-web-vitals.md - [CMS](https://spoko.space/pl/slownik/cms/): CMS to oprogramowanie pozwalające zmieniać stronę bez dotykania kodu. Pod tym słowem kryją się trzy osobne zadania — edytowanie, przechowywanie i wyświetlanie treści — a większość sporów o wybór CMS-a jest sporem o to, którego z nich potrzebujesz. — Markdown: https://spoko.space/pl/slownik/cms.md ## Gdzie o tym piszę {#related-posts} - [Frameworki aplikacji webowych w 2026](https://spoko.space/pl/blog/frameworki-aplikacje-webowe-2026/) — Markdown: https://spoko.space/pl/blog/frameworki-aplikacje-webowe-2026.md Astro, Vue, React, Next.js czy WordPress headless? Porównanie popularnych frameworków z benchmarkami wydajności i scenariuszami użycia. - [AEO — jak zoptymalizować stronę pod AI i Answer Engines](https://spoko.space/pl/blog/aeo-optymalizacja-pod-ai/) — Markdown: https://spoko.space/pl/blog/aeo-optymalizacja-pod-ai.md Answer Engine Optimization, llms.txt, architektura wysp i szybkość jako waluta konwersji. Praktyczny przewodnik po optymalizacji stron pod modele językowe i wyszukiwarki generatywne. - [Katalog części i akcesoriów](https://spoko.space/pl/katalog-czesci-vw-polo-6r/) — Markdown: https://spoko.space/pl/katalog-czesci-vw-polo-6r.md Katalog części OEM do VW Polo 6R oparty na headless CMS. Frontend Astro SSG, Vue 3, backend Laravel REST API, panel Filament, tłumaczenia DeepL i opisy AI. - [Wielojęzyczna strona korporacyjna dla producenta profili aluminiowych](https://spoko.space/pl/profile/) — Markdown: https://spoko.space/pl/profile.md Wielojęzyczna strona korporacyjna prezentująca Segment Wyrobów Wyciskanych Grupy Kęty - profile aluminiowe, produkty i usługi. ## Zobacz też {#see-also} - [Tworzenie stron internetowych](https://spoko.space/pl/tworzenie-stron-internetowych/) - [Migracja z WordPressa na Astro](https://spoko.space/pl/migracja-wordpress-astro/) ## Źródła {#sources} - [Rendering on the Web](https://web.dev/articles/rendering-on-the-web) — Podstawowy podział: statycznie, na serwerze, w przeglądarce i formy pośrednie. - [Astro — rendering modes](https://docs.astro.build/en/basics/rendering-modes/) — Jak jeden framework rozdziela trasy budowane z góry od liczonych na żądanie.