Astro

Co to jest Astro

Astro to framework do budowania stron, którego domyślnym wynikiem jest HTML. Piszesz komponenty w składni Astro albo w Vue, React czy Svelte, a one wykonują się raz, podczas budowania, i zostawiają po sobie gotowy znacznik. Komponent trafia do przeglądarki jako JavaScript tylko wtedy, gdy wyraźnie o to poprosisz, komponent po komponencie.

To odwrócenie jest całym produktem. Większość frameworków wysyła aplikację i renderuje treść w jej środku, a Astro wysyła treść i wpuszcza aplikację tam, gdzie ją wskażesz.

Kiedy Astro jest dobrym wyborem

Astro pasuje wszędzie tam, gdzie strona ma być czytana i znajdowana: na stronie firmowej, blogu, w katalogu, na landingu. Rachunek za taką stronę płaci się zwykle JavaScriptem, którego nikt nie potrzebował. Wizytówka zbudowana jako aplikacja jednostronicowa pobiera cały framework po to, żeby wyświetlić trzy akapity, a ta sama strona w Astro pobiera trzy akapity.

Dlatego spoko.space jest zrobione właśnie w ten sposób.

Jak Astro wypada w praktyce

Skoro stawiam takie tezy, wypada rozliczyć się z nich na własnym serwisie. Każda podstrona spoko.space jest budowana z góry, a garstka interaktywnych rzeczy (menu, przełącznik motywu, powiększanie zdjęć, baner zgody) to wyspy z własnymi małymi skryptami. Artykuł nie wiezie żadnego.

Koszt też warto podać uczciwie. Zmiana treści oznacza przebudowę, a ta trwa kilka minut, bo przy okazji renderuje kartę społecznościową dla każdej podstrony w przeglądarce bez okna, a potem sprawdza własny wynik: linki, dane strukturalne, długości tytułów, mirrory w Markdownie i pary językowe. To dobry układ przy stu podstronach i zły przy stu tysiącach.

Kiedy Astro jest złym wyborem

Astro przeszkadza wtedy, gdy budujesz aplikację, a nie dokument. Panel, w którym każdy kafelek dzieli stan z resztą, narzędzie z tabelą odświeżaną na żywo, cokolwiek za logowaniem, gdzie większość ekranu jest interaktywna: to chce frameworku zaprojektowanego pod działającą aplikację, a sięganie tam po wyspy oznacza walkę z modelem. Taka praca idzie u mnie do Vue i Laravela.

Czym Astro nie jest

Astro nie jest CMS-em, bo nikt w nim nie edytuje treści, i nie jest backendem. Buduje podstrony z tego, co mu podasz: plików w repozytorium, headless CMS-a albo API. Zastępuje warstwę szablonów, nie bazę danych.