Przejdź do treści

95 artykułów o tematyce Next.jsStrona 2

95 artykułów to nie koniec. Ich ilość ciągle rośnie.

Jak blokować kod psujący LCP i INP w Next.js?

Wydajność rzadko psuje się jednym wielkim commitem. Częściej tak: jedna biblioteka, jeden cięższy obraz, jeden skrypt third-party, jedna tabelka bez wirtualizacji. Każda zmiana z osobna wygląda niewinnie. Po miesiącu LCP świeci na czerwono, bundle jest spuchnięty, a nikt nie potrafi wskazać winnego PR-a. Bramka wydajnościowa odwraca tę kolejność — zły PR dostaje czerwony status, zanim w ogóle trafi na produkcję.

Maciej Sala

Maciej Sala

Founder StriveLab

Techniczne SEO dla AI: robots.txt, boty i RAG

Zaplanowanie jednej, ogólnej reguły w robots.txt może niechcący odciąć Cię od wyszukiwarek AI, mimo że Twoim celem było jedynie zablokowanie treningu modeli na autorskich treściach. Z kolei otwarty dostęp na nic się nie przyda, jeśli robot zderzy się z pustym kodem HTML lub zaporą Cloudflare. W związku z powyższym techniczne SEO pod kątem AI zaczyna się od precyzyjnego rozpoznania roli danego bota, a kończy na weryfikacji faktycznej odpowiedzi serwera. Poniżej pokażę Ci, jak rozdzielić te kwestie i poprawnie skonfigurować reguły w Next.js.

Maciej Sala

Maciej Sala

Founder StriveLab

Hydration mismatch a SEO i indeksowanie w Next.js

Hydratacja jest momentem, w którym HTML z serwera spotyka się z renderem z JavaScriptu. W sytuacji, kiedy te dwie wersje pokazują inną treść, problem wychodzi poza konsolę i Googlebot może dostać inną stronę niż użytkownik. Nie powinieneś ignorować komunikatu Hydration failed . Sam błąd nie jest czynnikiem rankingowym, ale jego skutki mogą utrudnić renderowanie i indeksowanie ważnej treści.

Maciej Sala

Maciej Sala

Founder StriveLab

Schema.org pod AI Search: Budowanie grafu encji

Schema.org przez lata kojarzyło się z gwiazdkami w Google, FAQ w wynikach i technicznym checkboxem po wdrożeniu strony. Tyle że AI search czyta stronę inaczej, ponieważ sam model nie chce tylko wiedzieć, czy masz FAQPage . Chce zrozumieć, czym jest firma, kto napisał tekst, czego dotyczy usługa i czy te byty są ze sobą powiązane. Dlatego Schema musisz projektować dziś jak graf encji, a nie zestaw przypadkowych pól JSON-LD.

Maciej Sala

Maciej Sala

Founder StriveLab

WordPress, Astro czy Next.js? Matryca decyzyjna, zanim ruszysz z migracją

Migracja jest poważnym przedsięwzięciem, ale zanim dodasz pierwsze przekierowanie , potrzebujesz czegoś ważniejszego niż plan techniczny. Musisz wiedzieć, jaki problem rozwiązujesz i po czym poznasz sukces. Ten artykuł daje Ci matrycę pięciu zmiennych, warunki brzegowe oraz sposób weryfikacji decyzji. Finalnie, być może migracja w ogóle nie ma większego sensu i spowoduje więcej problemów niż da korzyści.

Maciej Sala

Maciej Sala

Founder StriveLab

Plik llms.txt w Next.js i Astro: wdrożenie i format

Systemy AI pozyskują treści na kilka sposobów. Korzystają z indeksów wyszukiwania, automatycznych crawlerów, danych treningowych oraz pobrań uruchamianych przez użytkownika. Każdy z tych mechanizmów ma inne zasady i ograniczenia. Propozycja llms.txt próbuje rozwiązać węższy problem. Udostępnia zwięzły, kuratorowany indeks treści narzędziom, które świadomie obsługują ten format podczas pracy z witryną.

Maciej Sala

Maciej Sala

Founder StriveLab

Porównanie Astro oraz Next.js pod kampanie płatne PPC

Landing page pod PPC ma jedno zadanie, czyli zamienić płatne kliknięcie w mierzalną akcję. I tyle. Każda zbędna sekunda ładowania, każdy niepotrzebny skrypt czy każda rozproszona narracja działają jak opór aerodynamiczny na kadłubie myśliwca, ponieważ palą paliwo, a Ty płacisz za nie z budżetu mediowego.

Maciej Sala

Maciej Sala

Founder StriveLab

Server Islands w Astro: dynamiczne fragmenty na statycznej stronie

Server Islands pozwalają pozostawić główny HTML statyczny, a wybrane fragmenty renderować na serwerze po załadowaniu strony. To przydatny model dla koszyka, avatara, stanu magazynowego lub rekomendacji, ale wymaga adaptera, dodatkowych żądań i świadomej polityki cache.

Maciej Sala

Maciej Sala

Founder StriveLab

MDX w Astro i Next.js oraz integracja komponentów React

Markdown to maszyna do pisania, a MDX to studio produkcyjne. Używam go produkcyjnie zarówno w Astro, jak i w Next.js — na StriveLab https://strivelab.pl/blog/ 100+ artykułów i inspektomat.pl https://inspektomat.pl/poradnik/ 200+ wpisów, oba na Next.js oraz w kilku projektach na Astro. Rdzeń MDX jest w obu ten sam, różni się tylko warstwa integracji — i właśnie te różnice rozkładam tu po kolei: setup, frontmatter, hydracja, obrazy i renderowanie treści.

Maciej Sala

Maciej Sala

Founder StriveLab