Przeglądaj kolejne strony technicznych poradników o Next.js, Astro, AI i pozycjonowaniu stron.
Astro czy Next.js? Wybór frameworka musi być dokładnie przemyślany, zanim pojawi się pierwszy commit. Jeśli stoisz przed takim właśnie wyborem, w tym artykule staram się wykazać, w jakich obszarach najlepiej sprawdza się Astro , a w jakich będzie dominował Next.js .
Maciej Sala
Founder StriveLab
Obsługa plików w Next.js sprowadza się zazwyczaj do trzech scenariuszy: generowania raportów PDF, CSV, Excel , przetwarzania plików przesłanych przez użytkownika oraz wyświetlania podglądu danych przed ich wysłaniem na serwer. To właśnie brak rozróżnienia między tymi podejściami generuje najwięcej kłopotów. Poniżej rozbijam każdy z tych procesów na czynniki pierwsze i pokazuję, jak wdrożyć je w praktyce.
Maciej Sala
Founder StriveLab
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ć. Zmienia się nie tylko sposób renderowania strony, ale często także hosting, model treści, adresy URL i narzędzia redakcji. Błąd w jednym z tych miejsc może obniżyć widoczność wypracowaną przez lata. Ten przewodnik pokazuje, jak ograniczyć ryzyko migracji WordPressa do Next.js , świadomie rozliczyć stare adresy i kontrolować efekt po wdrożeniu.
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