Przejdź do treści

42 artykuły o tematyce AstroStrona 4

Astro 6 i przewodnik po nowościach w tym Cloudflare Workers

Rynek frameworków podzielił się wyraźnie: Vercel + Next.js kontra Cloudflare + Astro. Astro 6 wprowadza dużo wartościowych nowości, które wyraźnie zmieniają model pracy. W tym wpisie pokazuję, co realnie zmieniło się z perspektywy technicznej i co musisz sprawdzić przed migracją.

Maciej Sala

Maciej Sala

Founder StriveLab

Astro i Cloudflare Workers oraz wdrożenie na brzegu

Astro i Cloudflare Workers bardzo dobrze do siebie pasują. Z jednej strony szybki HTML, globalna infrastruktura na brzegu sieci, niskie koszty, z drugiej strony, środowisko wykonawcze, które możesz uruchomić lokalnie. Brzmi prosto, ale diabeł tkwi w bindings, limitach CPU oraz konfiguracji Wranglera. Pokażę Ci konfigurację od adaptera po KV, R2 i D1.

Maciej Sala

Maciej Sala

Founder StriveLab

Astro Content Collections: blog z walidacją Zod

Dodajesz wpis i lokalnie wszystko wygląda jak należy, ale po publikacji karta artykułu pokazuje pusty opis. Dzięki architekturze Content Collections część tych weryfikacji można przesunąć bezpośrednio do etapu budowania aplikacji. Zasada jest prosta: schemat walidacyjny, struktura nagłówków frontmatter oraz szablony komponentów muszą opierać się na tym samym modelu danych . Poniżej krok po kroku przejdziemy przez konfigurację bloga z wykorzystaniem biblioteki Zod, obsługą autorów i filtrowaniem dat publikacji.

Maciej Sala

Maciej Sala

Founder StriveLab

Server Islands w Astro: dynamiczne fragmenty na statycznej stronie

Server Islands pozwalają pozostawić główny HTML statyczny, a wybrane fragmenty renderować na serwerze po załadowaniu strony. To przydatny model dla koszyka, avatara, stanu magazynowego lub rekomendacji, ale wymaga adaptera, dodatkowych żądań i świadomej polityki cache.

Maciej Sala

Maciej Sala

Founder StriveLab

Astro View Transitions oraz płynne przejścia stron

SPA od lat wygrywały w jednej kategorii: płynne przejścia. Klik, treść się zmienia, nagłówek zostaje, obraz morfi do nowego widoku. Bez białego błysku, bez reloadu, bez straty kontekstu. Astro View Transitions odbiera SPA ten monopol jedną linią kodu, bez rezygnowania z wydajności MPA .

Maciej Sala

Maciej Sala

Founder StriveLab

Architektura wysp i selektywna hydratacja w frameworku Astro

„Zero JavaScript domyślnie” nie jest obietnicą wyniku Lighthouse, lecz regułą kompilacji: komponent Astro i komponent frameworka bez dyrektywy client: nie wysyłają swojego runtime'u do przeglądarki. Skrypty analityczne, widżety, router i jawne nadal mogą zwiększyć budżet JavaScriptu. W artykule pokazuję, jak działają granice wysp, kiedy opóźniać hydratację i jak nie zamienić selektywnej interaktywności w serię „martwych” kliknięć.

Maciej Sala

Maciej Sala

Founder StriveLab

Jak kontrolować JS w Astro? Dyrektywy klienta w praktyce

Oznaczanie wszystkich komponentów client:load w projektach Astro niweczy ich potencjał. W rezultacie strona, która powinna być wydajna jak samochód wyścigowy, zachowuje się jak tramwaj z lat 70. Dyrektywy hydratacji to kontrakt wydajnościowy, którego warunki bezpośrednio determinują wydajność aplikacji.

Maciej Sala

Maciej Sala

Founder StriveLab

MDX w Astro i Next.js oraz integracja komponentów React

Markdown to maszyna do pisania, a MDX to studio produkcyjne. Używam go produkcyjnie zarówno w Astro, jak i w Next.js — na StriveLab https://strivelab.pl/blog/ 100+ artykułów i inspektomat.pl https://inspektomat.pl/poradnik/ 200+ wpisów, oba na Next.js oraz w kilku projektach na Astro. Rdzeń MDX jest w obu ten sam, różni się tylko warstwa integracji — i właśnie te różnice rozkładam tu po kolei: setup, frontmatter, hydracja, obrazy i renderowanie treści.

Maciej Sala

Maciej Sala

Founder StriveLab

Migracja z WordPress na Astro i zachowanie pozycji SEO

WordPress to CMS, z którym prosto zacząć, ale dość szybko pojawia się coraz więcej problemów. Wtyczki spowalniają stronę, a przy okazji bywają furtką dla włamań, Core Web Vitals wymagają głębokiej optymalizacji, a każda aktualizacja to potencjalne ryzyko regresji. Dobrze przeprowadzona migracja na Astro porządkuje te metryki i domyka większość luk, a finalnie projekt staje się szybszy, bezpieczniejszy i przede wszystkim stabilniejszy.

Maciej Sala

Maciej Sala

Founder StriveLab