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
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
Płatności to moment, w którym aplikacja przestaje być demem. Tu błąd nie kończy się tylko błędem w konsoli, ale pieniędzmi, dostępem użytkownika albo chaosem w subskrypcjach. Stripe w Next.js App Router daje gotowe klocki: Checkout, Customer Portal i webhooki. Pokażę, jak je połączyć tak, żeby baza zgadzała się z tym, co naprawdę wydarzyło się w Stripe.
Maciej Sala
Founder StriveLab
Test jednostkowy mówi, że pojedyncza funkcja działa w izolacji, tyle że na produkcji nic nie funkcjonuje w oderwaniu. Test integracyjny przepuszcza prawdziwe zależności lub ich lekkie zamienniki przez cały łańcuch. Poczynając od Route Handlera, przez walidację i bazę danych, aż po odpowiedź; dopiero taki test wychwytuje błędy, które powstają na styku tych warstw.
Maciej Sala
Founder StriveLab
Tradycyjne wyszukiwanie LIKE, full-text search szuka dokładnych słów. Użytkownik wpisuje „jak przyspieszyć stronę", nie znajdzie artykułu pt. „Optymalizacja Core Web Vitals", ponieważ nie ma wspólnych słów kluczowych. W tym artykule budujemy wyszukiwanie semantyczne w Next.js: zamieniamy treść na embeddingi, wrzucamy je do Upstash Vector i pokazujemy, jak aplikacja dopasowuje wyniki po znaczeniu zapytania, a nie po dosłownych słowach.
Maciej Sala
Founder StriveLab
Przekonanie, że wbudowane w Reacta zabezpieczenia przed XSS w pełni chronią aplikację, to niebezpieczny mit. Współczesny Next.js to nie tylko warstwa prezentacyjna, ale pełnoprawne środowisko serwerowe z Server Actions, Route Handlerami, Server Components i bezpośrednim dostępem do nagłówków czy ciasteczek. Każdy z tych punktów styku staje się potencjalnym wektorem ataku, jeśli traktuje się go z taką samą beztroską jak zwykły komponent UI. Oto pięć najczęstszych luk bezpieczeństwa w architekturze Next.js oraz konkretne sposoby na ich wyeliminowanie.
Maciej Sala
Founder StriveLab
Jeden bot, jedna pętla z błędem albo jeden zdeterminowany atakujący — i Twoje API dostaje tysiące żądań na minutę. Serwer się dławi, rachunek za infrastrukturę rośnie, a normalni użytkownicy widzą błędy. Rate limiting ogranicza liczbę żądań z jednego źródła w oknie czasu. Pokazuję, jak wdrożyć go w Next.js z Upstash Redis — w Proxy, Route Handlerach i Server Actions, z trzema algorytmami i limitami per endpoint. W Next.js 16 proxy.ts działa jednak w Node.js, więc „na Edge” dotyczy Route Handlera z Edge Runtime albo infrastruktury dostawcy, nie samej konwencji Proxy.
Maciej Sala
Founder StriveLab
Supabase to otwartoźródłowa platforma backendowa zbudowana wokół PostgreSQL . W jednym projekcie dostajesz bazę danych, Auth, Storage, Realtime, Edge Functions i automatycznie generowane API. Dla aplikacji w Next.js to często najkrótsza droga do sensownego MVP bez osobnego backendu pisanego od zera.