W Create React App wszystko działa w przeglądarce — console.log , React DevTools, Chrome DevTools. W Next.js App Router kod wykonuje się w trzech miejscach: na serwerze Server Components, Server Actions , w warstwie proxy i na kliencie Client Components . Dlatego console.log w Server Component pojawia się w terminalu, a nie w przeglądarce — i to dopiero początek różnic, które trzeba mieć w głowie.
Maciej Sala
Founder StriveLab
Każdy kilobajt JavaScript, który wysyłasz do przeglądarki, musi być: pobrany transfer , sparsowany CPU , wykonany CPU i utrzymany w pamięci RAM . Na wolnej sieci i budżetowym telefonie setki kilobajtów JavaScriptu mogą opóźnić interakcję o kilka sekund.
Maciej Sala
Founder StriveLab
Migracja na Next.js nie jest decyzją czysto techniczną, choć może na taką wyglądać. Źle przeprowadzona, potrafi w jeden weekend skasować to, co budowałeś w Google przez lata. Każdy adres URL , który dziś przyciąga ruch, to kapitał, który algorytm przypisał do konkretnej strony. Przeniesienie treści z WordPressa na Next bez planu i ten kapitał wyparuje, zanim zdążysz zauważyć spadek w analityce. Ten przewodnik pokazuje jak bezpiecznie przejść na Next.js i zatrzymać każdą pozycję , na którą zapracowałeś.
Maciej Sala
Founder StriveLab
Tabele HTML z są proste, ale dodanie sortowania, filtrowania, paginacji, selekcji wierszy i responsywności wymaga więcej pracy i setek linii kodu. TanStack Table dawniej React Table to headless biblioteka, która dostarcza logikę tabeli, a po naszej stronie zostawia pełną kontrolę nad renderowaniem.
Maciej Sala
Founder StriveLab
Next.js funkcjonuje w klasycznym modelu opartym na cyklu żądanie–odpowiedź, co oznacza, że jego kod wykonuje się wyłącznie wtedy, gdy pojawia się ruch sieciowy. Architektura ta nie posiada wbudowanego harmonogramu zadań w tle, przez co realizacja cyklicznych procesów wymaga zastosowania zewnętrznych mechanizmów integracyjnych do zadań takich jak cotygodniowe czyszczenie danych, codzienne wysyłanie raportów czy regularne sprawdzanie stanu systemu.
Maciej Sala
Founder StriveLab
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? /blog/websockets-vs-server-sent-events-vs-polling-kiedy-ktory/ .
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