To przewodnik wdrożeniowy, w którym krok po kroku budujemy powiadomienia server-to-client w Next.js. Szersze porównanie strategii znajdziesz w artykule WebSockets, Server-Sent Events czy polling? https://strivelab.pl/blog/backend-dla-frontendowca-auth-real-time-i-integracje/ .
Maciej Sala
Founder StriveLab
Decyzja została podjęta i łączymy headless WordPress z Next.js. Klient zostaje przy znanym edytorze, a Ty dostajesz wydajny frontend. Teraz trzeba to tylko ze sobą spiąć, więc czeka Cię trochę pracy: klient GraphQL , zapytania, ISR , webhooki i obrazy z WordPressa w next/image . Ten tutorial przeprowadza przez nie po kolei.
Maciej Sala
Founder StriveLab
Masz działający projekt na Pages Router i chcesz wejść w Server Components, streaming albo Server Actions. Tylko że przepisanie wszystkiego naraz to proszenie się o regresję, więc tego lepiej nie robić. Rozwiązaniem jest Pages i App Router obok siebie w jednym repozytorium i przenoszenie strona po stronie, potem testy i bezpieczne deploye.
Maciej Sala
Founder StriveLab
Użytkownik ustawia trzy filtry, znajduje idealny wynik, wysyła link koledze — a tamten widzi pustą wyszukiwarkę. Bo filtry siedziały w useState i zginęły poza jego przeglądarką. URL state rozwiązuje to u źródła: cały stan filtrów żyje w adresie, więc przetrwa odświeżenie, udostępnienie i przycisk „wstecz”, a do tego jest czytelny dla Server Components. Pokazuję, jak zbudować taką wyszukiwarkę — z debounce , skeletonami, walidacją parametrów i SEO.
Maciej Sala
Founder StriveLab
Wchodzisz na formularz, a tam ściana piętnastu pól naraz. Pierwszy odruch? Zamknąć kartę. Ten sam komplet danych rozbity na trzy, cztery kroki po kilka pól działa zupełnie inaczej — użytkownik widzi pasek postępu, wypełnia po kawałku i niepostrzeżenie dochodzi do końca. To nie kosmetyka, to realna różnica w konwersji.
Maciej Sala
Founder StriveLab
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