SSG

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ę

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

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

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.