Next.js 14

Turbopack

Bundler Webpack ma zostać zastąpiony Turbopackiem - jest to opcjonalny feature dla developerów, który aktywuje się, dodając odpowiednią flagę do komendy uruchamiającej serwer developerski:

next dev --turbo

Turbopack jest oparty na języku Rust, dzięki czemu serwer uruchamia się o połowę szybciej, a aktualizacje zachodzą nawet do 20 razy szybciej. Funkcjonalność jest wstecznie kompatybilna, jednak pozostaje w fazie testów (90% pokrycia na moment pisania artykułu).

Server Actions

Server actions zostały ustabilizowane, dzięki czemu możemy dokonywać aktualizacji danych w bazie danych i na stronie za jednym zamachem - Server Actions są zintegrowane z mechanizmem rewalidacji. Prosty przykład użycia to funkcja mutująca dane, na przykład TODO listy:

async function createToDoListItem(itemName: string) {
	'use server';
	response = await fetch(...);
	// ...
}

Dyrektywa 'use server' wskazuje, że deklarowana funkcja jest Server Action. Taka funkcja jest uniwersalna i może być użyta w każdym miejscu.

Partial prerendering

Partial prerendering to feature będący w fazie preview, oparty o React Suspense Boundary. W dużym skrócie, serwer zwraca odpowiedź statyczną, zawierającą Suspense Boundaries i doładowuje elementy generowane po stronie serwera na bieżąco. Jeśli feature wypali i wyjdzie z fazy preview, to będzie to przełom, gdyż pozbędziemy się w ten sposób opóźnienia między zapytaniem a odpowiedzią, będącego jedną z wad SSR.

Metadane

Zostały rozdzielone metadane blokujące i nieblokujące, co znacznie wygładza doświadczenie użytkownika i zapobiega takim zachowaniom jak np. migotanie strony w czasie ładowania. Metadane powiązane z viewportem zostały wyseparowane z reszty metadanych i są ładowane osobno. 

Pomaga to zapobiec zbyt dużemu Cumulative Layout Shift, co pozytywnie wpływa na indeksowanie się strony w przeglądarkach.

Inne usprawnienia i zmiany

• Minimalna wymagana wersja Node.js to od teraz 18.17.0, przy czym zalecane jest użycie 18.17.1 ze względu na poprawki dotyczące bezpieczeństwa.
• Poprawki dotyczące użycia pamięci w środowisku developerskim - wcześniej pojawiały się zgłoszenia na temat wycieków pamięci i procesów-zombie pozostających po wyłączeniu/restarcie serwera developerskiego.

Aby uzyskać więcej informacji na temat migracji ze starszych wersji Next.js, należy zapoznać się z tym poradnikiem: 
https://nextjs.org/docs/pages/building-your-application/upgrading/version-14

Źródło: https://nextjs.org/blog/next-14