Next.js App Router oferuje natywne API bez zewnętrznych bibliotek do generowania obu plików. W tym artykule pokazuję, jak zrobić to konwencjami app/sitemap.ts i app/robots.ts , kiedy wystarczy natywne rozwiązanie, a kiedy warto sięgnąć po next-sitemap .
Maciej Sala
Founder StriveLab
Schema.org pozwala w uporządkowany sposób opisać firmę, oferowane usługi oraz relacje między nimi. W ekosystemie Next.js do wdrożenia takich danych wystarczy format JSON-LD renderowany bezpośrednio po stronie serwera. Wyzwaniem bywa jednak trafny dobór typów, zapewnienie ich pełnej spójności z treścią widoczną dla użytkownika oraz odróżnienie poprawnej walidacji składniowej od rzeczywistego wsparcia danej funkcji przez algorytmy Google. Poniżej prześledzimy proces budowy strony usługi – z wykorzystaniem pojedynczego źródła danych, bezpiecznym skryptem oraz przejrzystą procedurą weryfikacji.
Maciej Sala
Founder StriveLab
Gdy udostępniasz link do artykułu na LinkedIn, zamiast generycznego szarego pola lub logo strony, obok może pojawić się estetyczna grafika z tytułem, autorem i brandingiem. Ta różnica znacząco wpływa na klikalność, a ręczne przygotowywanie takich obrazów jest przesadnie czasochłoenne. Funkcja ImageResponse z biblioteki next/og rozwiązuje ten problem, generując dynamiczne obrazy programowo na podstawie danych z Twojej strony.
Maciej Sala
Founder StriveLab
Przez lata rendering w Next.js stawiał nas przed skrajnym wyborem: cała strona była albo w pełni statyczna, albo w pełni dynamiczna. Partial Prerendering PPR przełamuje ten podział, sprawiając, że wstępnie wyrenderowana powłoka pojawia się natychmiast, podczas gdy dynamiczne fragmenty są strumieniowane w tle. W Next.js 16 mechanizm ten ewoluował w stronę Cache Components. Zobacz, w jakich sytuacjach rozwiązanie realnie przyspiesza aplikację, a kiedy staje się głównie niepotrzebną komplikacją.
Maciej Sala
Founder StriveLab
W Pages Router Next.js miał wbudowane wsparcie dla i18n i wystarczyło dodać konfigurację i18n w next.config.js , by framework zarządzał routingiem językowym automatycznie. App Router nie ma tego mechanizmu i właśnie dlatego i18n trzeba zaimplementować samodzielnie lub użyć do tego celu biblioteki. Artykuł jest o zbudowaniu wielojęzycznej strony w Next.js.
Maciej Sala
Founder StriveLab
Obrazy często odpowiadają za dużą część transferu i mogą stać się elementem LCP. Zbyt późne odkrycie obrazu hero wydłuża ładowanie, pobranie wariantu większego niż layout marnuje transfer, a brak zarezerwowanych proporcji powoduje CLS. Porównajmy trzy rozwiązania: next/image , natywny srcset oraz dedykowany image CDN.
Maciej Sala
Founder StriveLab
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
Founder StriveLab
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 boksie 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
Founder StriveLab
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
Founder StriveLab