Przeglądaj kolejne strony technicznych poradników o Next.js, Astro, AI i pozycjonowaniu stron.
Paginacja wydaje się prostym tematem, dopóki nie trzeba pogodzić trzech rzeczy naraz: dobrego UX, wydajności zapytań do bazy i tego, żeby Google poprawnie zaindeksował wszystkie strony. W Next.js App Router wybieramy, czy używamy numerycznej paginacji w URL czy infinite scroll, offset czy cursor po stronie bazy, adres kanoniczny czy notFound dla błędnych adresów. W tym artykule przechodzę przez warianty z kodem i rekomendacjami.
Maciej Sala
Founder StriveLab
Trudno wyobrazić sobie współczesną analitykę bez Google Search Console GSC , czyli podstawowego narzędzia pokazującego dane bezpośrednio z Google Search. PageSpeed Insights mierzy wydajność, Ahrefs śledzi backlinki, ale GSC pokazuje dane o widoczności i problemach dotyczących strony internetowej. Dowiesz się z niego, które strony Google zna i indeksuje, jakie błędy crawlowania występują, na jakie frazy rankujesz oraz jakie wyniki Core Web Vitals osiąga strona podczas rzeczywistych wizyt użytkowników.
Maciej Sala
Founder StriveLab
Samodzielnie hostowany Next.js na VPS daje kontrolę nad kosztami i konfiguracją, ale też zrzuca na nas odpowiedzialność za DNS, TLS, cache, ochronę przed atakami i prawdziwe IP klienta w logach. Cloudflare może stanąć przed Twoim serwerem jako bezpłatna warstwa CDN, SSL i podstawowej ochrony DDoS, o ile nie zaczniesz mechanicznie cachować całej aplikacji.
Maciej Sala
Founder StriveLab
Sanity to headless CMS, w którym schemat treści definiujesz w TypeScript. Schemat żyje w repozytorium razem z kodem, a nie w GUI. Sanity hostuje backend i API za Ciebie, więc nie potrzebujesz własnego serwera. W tym przewodniku budujesz pełny setup: schema, zapytania GROQ , on-demand ISR przez webhooki, Draft Mode i Visual Editing z Presentation Tool.
Maciej Sala
Founder StriveLab
Płatności to moment, w którym aplikacja przestaje być demem. Tu błąd nie kończy się tylko błędem w konsoli, ale pieniędzmi, dostępem użytkownika albo chaosem w subskrypcjach. Stripe w Next.js App Router daje gotowe klocki: Checkout, Customer Portal i webhooki. Pokażę, jak je połączyć tak, żeby baza zgadzała się z tym, co naprawdę wydarzyło się w Stripe.
Maciej Sala
Founder StriveLab
Typowy custom hook jest napisany dla konkretnego typu, na przykład useFetchProducts , useFetchUsers , useFetchOrders . Każdy pobiera dane z API, zarządza stanem ładowania i błędu oraz zwraca wynik. Logika jest identyczna, a różni się tylko typ danych. Parametr generyczny usuwa to powtórzenie, ale sam nie sprawdza danych otrzymanych w runtime.
Maciej Sala
Founder StriveLab
Test jednostkowy mówi, że pojedyncza funkcja działa w izolacji, tyle że na produkcji nic nie funkcjonuje w oderwaniu. Test integracyjny przepuszcza prawdziwe zależności lub ich lekkie zamienniki przez cały łańcuch. Poczynając od Route Handlera, przez walidację i bazę danych, aż po odpowiedź; dopiero taki test wychwytuje błędy, które powstają na styku tych warstw.
Maciej Sala
Founder StriveLab
Playwright idealnie sprawdza się w projektach opartych na Next.js App Router, ponieważ testuje aplikację dokładnie tak, jak widzi ją użytkownik: od uwzględnienia streamingu HTML, przez płynną nawigację, aż po formularze i interakcje. Wbudowane funkcje, takie jak automatyczne oczekiwanie, fixtures, zaawansowane zarządzanie żądaniami oraz testy wizualne, pozwalają kompleksowo zabezpieczyć jakość kodu bez konieczności dokładania kolejnych, zewnętrznych narzędzi.
Maciej Sala
Founder StriveLab
Server Actions to publiczne endpointy POST, które każdy może wywołać z poziomu narzędzi deweloperskich, narzędzia curl lub skryptu, dlatego formularza w interfejsie nie wolno traktować jak granicy bezpieczeństwa. Jeśli akcja nie waliduje danych wejściowych i nie sprawdza uprawnień, staje się podatna na ataki. Testy pilnują, aby niezweryfikowane dane nie trafiły do bazy, niezalogowany użytkownik nie wykonał niedozwolonej modyfikacji, a rewalidacja oraz inne efekty uboczne uruchomiły się dopiero po pomyślnym zakończeniu operacji.
Maciej Sala
Founder StriveLab