Przejdź do treści

35 artykułów o tematyce AstroStrona 2

35 artykułów to nie koniec. Ich ilość ciągle rośnie.

Astro i Headless CMS: Integracja Sanity, Storyblok, Strapi

Markdown w plikach projektu działa sprawnie, dopóki treść piszą osoby, które swobodnie pracują w Git. W sytuacji, kiedy klient chce sam zmienić cennik, a redaktor poprawia nagłówek w piątek po południu, repozytorium przestaje być wygodnym CMS-em. Wtedy najlepszy będzie headless CMS, czyli panel dla redakcji i API dla Astro.

Maciej Sala

Maciej Sala

Founder StriveLab

Jak bezpiecznie obsługiwać formularze w Astro?

Klasyczny formularz bardzo szybko robi się ciężki przez takie elementy jak endpoint, odczytywanie ciała żądania, walidacja, statusy HTTP, fetch po stronie klienta i typy przepisane drugi raz. Na ratunek przybywają Astro Actions: wystarczy, że zdefiniujesz logikę funkcji serwerowej, dodasz schemat Zod i wywołasz ją z klienta bez ręcznego składania REST API.

Maciej Sala

Maciej Sala

Founder StriveLab

Jak wdrożyć bezpieczną autoryzację i middleware w Astro

Każda aplikacja prędzej czy później wymaga zabezpieczenia wybranych ścieżek, takich jak panele użytkownika, profile czy panele administracyjne. Pytanie, gdzie powinna znajdować się bramka? W przypadku Astro najwygodniejszym rozwiązaniem jest middleware, pozwalający na centralne obsłużenie autoryzacji przed wyrenderowaniem strony. W dalszej części pokażę, jak zidentyfikować użytkownika, przekazać jego dane dalej przez context.locals oraz dlaczego w nowych projektach warto wybierać Better Auth zamiast Lucia.

Maciej Sala

Maciej Sala

Founder StriveLab

Jak zdobyć 100/100 w Lighthouse z Astro? Case Study

Astro startuje z przewagą, na którą w Next.js trzeba zapracować: domyślnie wysyła zero JavaScriptu, więc świeży projekt często ma Lighthouse powyżej 95 bez jednej optymalizacji. Droga od wyniku „prawie 100” do perfekcyjnego „100/100” w PageSpeed to kwestia detali i dlatego pokazuję, jak zoptymalizować obrazy, fonty oraz skrypty zewnętrzne, i czy gra jest warta świeczki.

Maciej Sala

Maciej Sala

Founder StriveLab

Pierwszy projekt w Astro — od npm create astro do wdrożenia w 15 minut

W Astro jedna komenda stawia projekt, serwer lokalny i pierwszy widok, więc nie musisz spędzać połowy dnia od godzin konfiguracji. Domyślnie dostajesz szybki, statyczny HTML, a JavaScript dokładasz dopiero tam, gdzie faktycznie jest potrzebny. Przejdziemy od npm create astro do wdrożonej strony i po drodze wyjaśnię, jakie potrzeby spełnia projekt stworzony w Astro.

Maciej Sala

Maciej Sala

Founder StriveLab

Plik llms.txt w Next.js i Astro: wdrożenie i format

Agenty AI, takie jak ChatGPT czy Claude, to nie Googlebot pracujący cierpliwie w nocy, ale narzędzia pracujące w czasie rzeczywistym. Sięgają one, po treść Twojej strony, gdy użytkownik zada pytanie. To stwarza fundamentalny problem, ponieważ działając w krótkim oknie kontekstowym, gubią się w labiryncie nawigacji i JavaScriptu. W odpowiedzi na to wyzwanie powstał llms.txt , czyli nowa mapa dla modeli AI, która prowadzi je na skróty do wartościowej wiedzy.

Maciej Sala

Maciej Sala

Founder StriveLab

Zarządzanie starszymi architekturami: jak łączyć React, Svelte i Vue w jednym projekcie Astro

Są łatwiejsze, ale i trudniejsze migracje frontendu. Najtrudniejsza to taka, w której nie możemy przepisać wszystkiego od zera , ponieważ aplikacja działa na produkcji, generuje przychód i nie wolno jej zatrzymać. Jednorazowe przepisanie całego systemu w takiej sytuacji jest bardzo ryzykowne. W artykule piszę, jak architektura wysp w Astro pozwala Reactowi, Svelte i Vue współistnieć w jednym projekcie i jak wykorzystać to do stopniowej, bezpieczniejszej migracji.

Maciej Sala

Maciej Sala

Founder StriveLab

Wielojęzyczność i hreflang w Astro SSG: Zasięg globalny, wdrożenie lokalne

Zanim Twoja oferta dotrze do zagranicznych klientów, Twoja strona musi zdać egzamin techniczny. Większość witryn odpada na tym etapie, marnując potencjał nawet najlepszej treści. Sprawdź, jak rygorystycznie skonfigurować wielojęzyczność i hreflang na statycznym Astro, by zasięg globalny szedł w parze z lokalną, błyskawiczną dostawą treści.

Maciej Sala

Maciej Sala

Founder StriveLab

Wieloframeworkowa architektura wysp w Astro: React, Vue i Svelte w jednym projekcie

Zero JavaScript by default to chwytliwy slogan. Architektura, którą on opisuje, to coś większego: cały projekt może być statycznym HTML, a interaktywność — precyzyjnie rozmieszczonymi wyspami. Każda wyspa to niezależna jednostka z własnym frameworkiem, własnym cyklem hydratacji i własnym kosztem runtime. React, Vue, Svelte, Solid — na jednej stronie, pod jedną konfiguracją Astro. To nie eksperyment — to strategia migracji i narzędzie dla organizacji, które nie mogą sobie pozwolić na przepisanie wszystkiego od zera.

Maciej Sala

Maciej Sala

Founder StriveLab