Przejdź do treści

Blog o web dewelopmencie, AI i SEO Strona 10

Przeglądaj kolejne strony technicznych poradników o Next.js, Astro, AI i pozycjonowaniu stron.

Jak analizować i zmniejszyć paczkę JS w Next.js?

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

Maciej Sala

Founder StriveLab

Migracja WordPress do Next.js: SEO i przekierowania 301

Migracja na Next.js nie jest decyzją czysto techniczną, choć może na taką wyglądać. Wraz z nią zmienia się nie tylko sposób renderowania strony, ale często także hosting, model treści, adresy URL oraz narzędzia do redakcji. Ten przewodnik pokazuje, jak znacząco ograniczyć ryzyko związane z migracją WordPressa do Next.js , skutecznie przeprowadzić ten proces i kontrolować efekt po wdrożeniu.

Maciej Sala

Maciej Sala

Founder StriveLab

Zaawansowane tabele danych z TanStack Table w Next.js

TanStack Table v9 dostarcza mechanikę tabeli, ale nie gotowy komponent. To zaleta, jeśli potrzebujesz własnego wyglądu i pełnej kontroli nad zachowaniem. Oznacza też odpowiedzialność za semantykę HTML, dostępność, stan ładowania, integrację z URL i poprawny podział pracy między przeglądarkę a serwer.

Maciej Sala

Maciej Sala

Founder StriveLab

Jak uruchamiać zadania cron (Scheduled Tasks) w Next.js?

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

Maciej Sala

Founder StriveLab

Jak wdrożyć Server-Sent Events (SSE) w Next.js?

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

Maciej Sala

Founder StriveLab

WPGraphQL i Next.js: poradnik Headless WordPress

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

Maciej Sala

Founder StriveLab

Pages Router do App Router: Migracja w Next.js

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

Maciej Sala

Founder StriveLab

Wyszukiwarka z filtrami w Next.js — searchParams, debounce, URL state i UX

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

Maciej Sala

Founder StriveLab

Jak zbudować wielokrokowy formularz w Next.js?

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

Maciej Sala

Founder StriveLab