Przejdź do treści

37 artykułów o tematyce AstroStrona 4

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

SEO w Astro oraz techniczne przygotowanie pod wyszukiwarki AI

Astro dostarcza przyjazność SEO już na poziomie architektury, gwarantując świetne wyniki w Lighthouse dzięki brakowi domyślnego JavaScriptu i statycznemu renderowaniu HTML. Jednak prawdziwa widoczność w Google oraz systemach AI to efekt świadomych decyzji inżynieryjnych, a nie tylko wyboru frameworka. W tym artykule rozbieram na części pierwsze każdą z nich: od Core Web Vitals, przez metadane i schema.org , aż po optymalizację GEO / AEO .

Maciej Sala

Maciej Sala

Founder StriveLab

Astro vs Next.js w 2026: porównanie frameworków

Astro czy Next.js? Wybór frameworka musi być dokładnie przemyślany, zanim pojawi się pierwszy commit. Jeśli stoisz przed takim właśnie wyborem, w tym artykule staram się wykazać, w jakich obszarach najlepiej sprawdza się Astro , a w jakich będzie dominował Next.js .

Maciej Sala

Maciej Sala

Founder StriveLab

Odświeżanie treści w ISR na żądanie w Next.js oraz Astro

Czysto hipotetycznie, projekt ma 2000 stron produktowych. Zmieniasz z jakiegoś powodu cenę na jednej i w klasycznym SSG czeka Cię pełna przebudowa całego serwisu. To tak nieefektywne, że aż absurdalne. ISR w Next.js rozwiązuje to: regenerujesz tylko tę jedną stronę w tle i na żądanie. Astro podchodzi do problemu inaczej: albo zostajesz przy statycznym budowaniu i webhookach, albo przechodzisz na renderowanie na żądanie, cache CDN i Server Islands. W tym artykule pokazuję, gdzie kończy się natywne ISR Next.js i jak rozwiązać ten sam problem w Astro.

Maciej Sala

Maciej Sala

Founder StriveLab

Dynamiczna sitemap.xml w Astro z API CMS-a

Masz Astro, masz też headless CMS Payload albo Sanity i masz problem: po każdej publikacji albo ręcznie dopisujesz URL-e do sitemapy, albo liczysz, że Googlebot sam wpadnie na nowy artykuł. Pierwsze nie skaluje się powyżej kilkunastu podstron. Drugie zostawia odkrywanie URL-i przypadkowi. Pokażę architekturę i kod w dwóch wariantach: prostszym @astrojs/sitemap z serialize oraz z pełną kontrolą własny endpoint XML . Obie wersje generują statyczny plik na buildzie, więc serwer nie odpytuje CMS-a przy każdym wejściu Googlebota.

Maciej Sala

Maciej Sala

Founder StriveLab

Kiedy zrezygnować z Reacta na rzecz Astro HTMX i Vanilla JS

React nadal jest świetnym narzędziem do budowania złożonych interfejsów, aplikacji SaaS, dashboardów i produktów z dużą ilością stanu po stronie klienta. Problemy zaczynają się wtedy, gdy wybieramy go automatycznie do każdego projektu, czy to strony firmowej, landing page'a, bloga, dokumentacji czy prostego formularza. W takich przypadkach koszt JavaScriptu, hydratacji, bundla i utrzymania architektury potrafi być większy niż realna korzyść z użycia tego frameworka.

Maciej Sala

Maciej Sala

Founder StriveLab