Przejdź do treści

34 artykuły o tematyce AstroStrona 3

Koszty utrzymania Astro i Cloudflare: kiedy statyczna strona jest tańsza niż WordPress

Faktura za hosting to czubek góry lodowej. Pod nią: aktualizacje wtyczek, konflikty wersji, incydenty bezpieczeństwa w niedzielę o 23:00, regresy po każdym update i czas programisty, który sprawdza, czy formularz nadal wysyła maile. TCO WordPressa jest zawsze wyższe niż wygląda na początku.

Maciej Sala

Maciej Sala

Founder StriveLab

Astro 6 — przewodnik po nowościach: Cloudflare Workers, Live Content Collections, Fonts API i CSP

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 — wdrożenie, bindings i lokalne środowisko programistyczne

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 — typowany blog z walidacją Zod od podstaw

Brak walidacji frontmattera to prosta droga do błędów: literówki, brakujące opisy czy niespójne tagi stają się uciążliwym problemem, który odkryjemy dopiero na produkcji. Content Collections eliminują to ryzyko, wymuszając zgodność każdego pliku ze zdefiniowanym schematem, co zatrzymuje build, zanim błędne dane trafią na serwer.

Maciej Sala

Maciej Sala

Founder StriveLab

Server Islands w Astro — dynamiczne fragmenty na statycznej stronie

Przez lata architekci webowi stali przed fałszywym wyborem: albo pełna statyka i wolność od serwera, albo SSR i dynamika na żądanie. Server Islands to koniec tego dylematu. Jeden element wymaga danych w czasie rzeczywistym — reszta strony pozostaje statyczna i bezpieczna w CDN . Inżynieria punktowa, nie przebudowa całej strony.

Maciej Sala

Maciej Sala

Founder StriveLab

Astro View Transitions — płynne przejścia między stronami bez budowania SPA

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 w Astro — czym są wyspy i dlaczego zero JS domyślnie zmienia zasady gry

Zero JavaScript domyślnie brzmi jak jakaś reklama, ale dane jasno pokazują, że to architektoniczna decyzja, która daje do myślenia: Lighthouse powyżej 95, TBT bliski zera, Google dostaje czysty HTML od razu. Klasyczne aplikacje SPA wysyłają do przeglądarki cały framework, nawet jeśli większość strony to statyczna treść. W tym artykule rozkładam mechanizm wysp na części i pokazuję, kiedy daje realne korzyści, a kiedy nie.

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: jak pisać artykuły z komponentami React w treści

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