Next.js 16.3 přináší sadu nástrojů zvanou Instant Navigations, která vnáší rychlost odezvy jednostránkových aplikací (SPA) do serverového modelu Next.js.

Jaký problém to řeší?

V serverem řízeném prostředí navigace obvykle vyžaduje síťový round-trip – uživatel klikne na odkaz, chvíli se nic neděje a teprve pak se zobrazí nová stránka. Naproti tomu SPA aplikace reagují okamžitě: hned po kliknutí se zobrazí kostra stránky, data se pak doplní.

Jak to funguje?

Aby byla navigace okamžitá, je třeba každou asynchronní operaci převést na něco dostupného ihned. Máte na výběr ze tří přístupů:

• Stream pomocí <Suspense> – uživatel okamžitě uvidí načítací stav.
• Cache pomocí 'use cache' – uživatel okamžitě uvidí dříve cachované UI.
• Block pomocí export const instant = false – navigace čeká na server (pro weby jako blogy, kde to dává smysl).

Přepracované prefetchování

Namísto posílání prefetch požadavku pro každý odkaz na stránce Next.js nově prefetchuje jednu znovupoužitelnou kostru (shell) per route a tu si cachuje na klientovi. Například místo dvaceti prefetch požadavků pro dvacet chatovacích odkazů pošle Next.js jen jeden – pro šablonu /chat/[id].

Nové vývojářské nástroje

Součástí vydání jsou:

• Instant Insights panel – automaticky odhaluje pomalé navigace jako chyby ve vývoji.
• Navigation Inspector – umožňuje pozastavit navigaci na úrovni shellu a vizuálně zkontrolovat, co se prefetchuje.
• instant() test helper pro Playwright – pomáhá zachytit regrese v okamžitých navigacích.

Jak vyzkoušet?

Stačí nainstalovat preview verzi:

npm install next@previewCode language: CSS (css)

Pro více informací: https://nextjs.org/blog/next-16-3-instant-navigations