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
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
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 całą paletę danych ale też problemów/błędów dotyczących strony internetowej. Przykładowo, które strony są zaindeksowane, jakie błędy crawlowania występują, na jakie frazy rankujesz i jakie wyniki Core Web Vitals Dane Core Web Vitals w GSC pochodzą z Chrome UX Report, czyli realnych wizyt użytkowników, a nie z pojedynczego testu laboratoryjnego Lighthouse. mają istniejący użytkownicy.
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 — ż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