Przejdź do treści

96 artykułów o tematyce Next.jsStrona 8

Optymalizacja obrazów w Next.js oraz next image i CDN

Obrazy są najcięższym bagażem większości stron internetowych. W skrajnych przypadkach, jedno niezoptymalizowane zdjęcie potrafi dorzucić kilka sekund do LCP, a brak zarezerwowanego miejsca rozjeżdża layout. Next.js daje gotowe narzędzie, next/image , ale to nie zawsze będzie to najlepszy wybór, dlatego porównuję trzy podejścia: komponent next/image , natywny srcset i dedykowane CDN do obrazów.

Maciej Sala

Maciej Sala

Founder StriveLab

Jak przyspieszyć Next.js za pomocą Streamingu i Suspense?

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

Maciej Sala

Founder StriveLab

Edge Runtime w Next.js — kiedy Edge, a kiedy Node?

Edge Runtime obiecuje błyskawiczne działanie kodu tuż przy użytkowniku. To ultralekkie środowisko, oparte na V8 Isolates i rozproszone globalnie, eliminuje cold start , bo nie wymaga rozgrzewania ciężkich maszyn wirtualnych. Przez lata wydawało się to jedynym słusznym kierunkiem, ale dzisiaj jednak, w Next.js 16, automatyczny wybór Edge może okazać się strategicznym błędem.

Maciej Sala

Maciej Sala

Founder StriveLab

Odświeżanie treści w ISR na żądanie w Next.js oraz Astro

Czysto hipotetycznie, projekt ma 2000 stron produktowych. Zmieniasz z jakiegoś powodu cenę na jednej i w klasycznym SSG czeka Cię pełna przebudowa całego serwisu. To tak nieefektywne, że aż absurdalne. ISR w Next.js rozwiązuje to: regenerujesz tylko tę jedną stronę w tle i na żądanie. Astro podchodzi do problemu inaczej: albo zostajesz przy statycznym budowaniu i webhookach, albo przechodzisz na renderowanie na żądanie, cache CDN i Server Islands. W tym artykule pokazuję, gdzie kończy się natywne ISR Next.js i jak rozwiązać ten sam problem w Astro.

Maciej Sala

Maciej Sala

Founder StriveLab

Parallel i Intercepting Routes w Next.js App Router

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

Maciej Sala

Founder StriveLab

Next.js 15 nowości i decyzja o migracji z wersji 14

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

Maciej Sala

Founder StriveLab

Jak technicznie zoptymalizować Next.js pod GEO i AEO

Generative Engine Optimization GEO to praktyka optymalizacji treści tak, aby silniki AI ChatGPT, Perplexity, Google AI Overviews, Gemini i Claude cytowały je w swoich odpowiedziach. Answer Engine Optimization AEO koncentruje się na pojawianiu się w boksem z odpowiedzią, odpowiedziach głosowych i bezpośrednich odpowiedziach na stronach wyników wyszukiwania. Obie razem opisują dodatkowy wymiar widoczności i nie zastępują technicznego SEO ani jakości treści, od których zależy możliwość znalezienia strony.

Maciej Sala

Maciej Sala

Founder StriveLab

React Server Components i Server Actions: SEO i wydajność

App Router pozwala przesunąć pobieranie danych i renderowanie treści na serwer, zostawiając w przeglądarce małe obszary interakcji. Taki podział może ograniczyć JavaScript i ułatwić dostarczenie treści w HTML, ale nie gwarantuje dobrych Core Web Vitals ani indeksacji. Wynik zależy też od czasu odpowiedzi serwera, cache, obrazów, fontów, metadanych i bezpieczeństwa mutacji.

Maciej Sala

Maciej Sala

Founder StriveLab

Serwer MCP w TypeScript: bezpieczny przewodnik dla Next.js

Model Context Protocol standaryzuje sposób, w jaki aplikacja AI odkrywa narzędzia, odczytuje zasoby i korzysta z gotowych promptów. W tym przewodniku zbudujesz lokalny serwer w TypeScript SDK v2, zabezpieczysz operację zapisu i poznasz wymagania zdalnego wdrożenia przez Streamable HTTP.

Maciej Sala

Maciej Sala

Founder StriveLab