Next.js to framework JavaScript oparty na bibliotece React, rozwijany przez firmę Vercel. Dodaje do Reacta routing, renderowanie po stronie serwera, generowanie stron statycznych i optymalizację obrazów, dzięki czemu strony są szybkie i dobrze indeksowane.
Co oferuje Next.js?
- routing oparty na strukturze folderów,
- renderowanie po stronie serwera (SSR) i generowanie statyczne (SSG),
- przyrostowe odświeżanie stron (ISR),
- wbudowaną optymalizację obrazów, czcionek i skryptów,
- trasy API do prostego backendu.
Next.js a SEO
Zwykły React renderuje treść w przeglądarce, co utrudnia indeksowanie. Next.js dostarcza gotowy HTML już z serwera, więc roboty od razu widzą treść, a strona szybciej pokazuje zawartość. Ułatwia też ustawianie tytułów, opisów i danych strukturalnych dla każdej podstrony.
Kiedy Next.js się sprawdzi, a kiedy nie?
Sprawdza się w sklepach, blogach, serwisach z dużą liczbą podstron i aplikacjach z treściami publicznymi. Dla prostej wizytówki bywa przesadą, a wdrożenie wymaga środowiska Node.js lub hostingu przystosowanego do tej technologii, więc nie zadziała na każdym tanim hostingu.
Framework wprowadził routing oparty na strukturze plików i komponenty serwerowe, co upraszcza dzielenie kodu między serwer a przeglądarkę.
Tworzy go firma Vercel, a opiera się na React.
Obsługuje obrazy i czcionki.
Zobacz w praktyce
CSR, SSR, SSG czy ISR? Porównanie metod renderowania 
Jak wybrać hosting pod konkretny projekt 
Jak debugować kod JavaScript i PHP krok po kroku