Ile razy wklejałeś className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 do każdego przycisku w projekcie? Gdy zachodziła potrzeba zmiany odcienia niebieskiego, okazywało się, że musisz aktualizować ten sam łańcuch klas w czterdziestu miejscach. System projektowy kończy z tym problemem, bo definiujesz komponent raz, ustalasz jego warianty oraz tokeny, a następnie używasz go w całej aplikacji.
Maciej Sala
Founder StriveLab
W małym projekcie domyślna organizacja katalogów App Routera działa świetnie — app/ , components/ , lib/ . Ale gdy aplikacja rośnie do 50+ komponentów, 20+ stron i kilku domen biznesowych, zaczynasz tracić orientację.
Maciej Sala
Founder StriveLab
App Router daje Ci dwa sposoby na uruchomienie kodu po stronie serwera, poprzez Route Handlers i Server Actions . Może wyglądają podobnie, ponieważ oba działają na serwerze, sięgają do bazy i do zmiennych środowiskowych, ale każdy z nich rozwiązuje zupełnie inny problem. Użycie jednego tam, gdzie pasuje drugi, nie jest odpowiednim rozwiązaniem, ponieważ zły wybór odbija się potem na architekturze.
Maciej Sala
Founder StriveLab
Jedno wolne zapytanie do bazy potrafi zatrzymać całą stronę, jeśli nie wydzielisz go odpowiednią granicą. Bez streamingu serwer czeka na dane potrzebne do pełnego HTML-u i dopiero wtedy kończy odpowiedź. Streaming pozwala wcześniej pokazać gotową część oraz fallbacki, a wolniejsze fragmenty dosłać później. Nie przyspiesza samego zapytania, ale poprawia sposób dostarczania i odczuwania strony.
Maciej Sala
Founder StriveLab
Modal z własnym adresem URL, który po udostępnieniu otwiera pełną stronę, a po kliknięciu wstecz znika, to popularny wzorzec znany z Instagrama czy Dribbble. W klasycznym Reakcie jego implementacja wymagała godzin walki z historią przeglądarki, jednak w App Routerze mechanizm ten jest w pełni natywny. Połączenie równoległych i przechwytywanych tras pozwala rozwiązać dawne problemy frontendu, takie jak modale z własnym URL-em, panele aplikacji czy płynna nawigacja bez utraty kontekstu. Wszystkie te rozwiązania pokazuję na praktycznych przykładach kodu.
Maciej Sala
Founder StriveLab
Next.js 15 zacieśnia współpracę z najnowszym React 19, stabilizuje Turbopacka w środowisku deweloperskim i wprowadza eksperymentalne Partial Prerendering . Z perspektywy czasu to jedno z największych tąpnięć od debiutu App Routera w „trzynastce" i fundament, na którym Next.js 16 dopiął model Cache Components oraz domyślny Turbopack. W tym artykule rozkładam najważniejsze zmiany na czynniki pierwsze i podpowiadam, kiedy migracja z czternastki realnie się opłaca.
Maciej Sala
Founder StriveLab
Next.js 13 wprowadził App Router , czyli nowy sposób budowania aplikacji oparty na React Server Components . Ale Pages Router nigdzie nie zniknął. Dwa routery, dwa podejścia, jedna decyzja do podjęcia na starcie projektu.
Maciej Sala
Founder StriveLab
