Post

Next.js 16.3 Preview: Instant Navigations A new suite of tools that brings the responsiveness of client-driven SPAs to Next.js, without giving up what Server Components do best. The speed of the server, with the feel of the client. Try it and tell us what you think ↓ nextjs.org/blog/next-1...

nextjs.orgNext.js 16.3: Instant NavigationsA new suite of tools that brings the responsiveness of a single-page app to the server-centric model of Next.js.

Instant Insights gives you options for how to make a navigation instant: • Stream the data behind a <𝚂𝚞𝚜𝚙𝚎𝚗𝚜𝚎> boundary • Cache the data with '𝚞𝚜𝚎 𝚌𝚊𝚌𝚑𝚎' Or allow the navigation to Block with 𝚎𝚡𝚙𝚘𝚛𝚝 𝚌𝚘𝚗𝚜𝚝 𝚒𝚗𝚜𝚝𝚊𝚗𝚝 = 𝚏𝚊𝚕𝚜𝚎.

To guarantee instant navigations, the client must immediately render something when a link is clicked. Previously, Next.js tried to solve this by prefetching every link, a flurry of requests as you scrolled. Many of you told us this looked ridiculous, and frankly, we agree.

So, we're borrowing a trick from single-page apps. Next.js now prefetches one reusable shell per route and caches it on the client, instead of a separate request per link. A click renders the prefetched shell instantly while the rest of the page streams in from the server.

25/6/26, 6:52 pm0 reposts17 likes

Instant Navigations builds on Cache Components. To migrate an existing app, install our Skill: npx skills add vercel/next.js --skill next-cache-components-adoption Then ask your agent to adopt Cache Components using the Skill.

@aurorascharff.no

The Skill is available directly here: github.com/vercel/next....

github.comnext.js/skills/next-cache-components-adoption at canary · vercel/next.jsThe React Framework. Contribute to vercel/next.js development by creating an account on GitHub.

unmaniac.bsky.social

@unmaniac.bsky.social

What happens to loading page? nextjs.org/docs/app/api... If you check github issues, there are some reports related to loading breaking: github.com/vercel/next.... That's one thing that really demotivates sticking to Next, instead of fixing current tools, just release a new one forcing cache.

github.com`loading.js` sometimes causes soft-navigation to get stuck and not render the new page, despite receiving it from the server · Issue #86151 · vercel/next.jsLink to the code that reproduces this issue https://github.com/mogzol/next-stuck-navigation-repro Relevant components: RefreshButton.tsx - Calls router.refresh() to trigger the soft refresh that so...

@aurorascharff.no

Hello, I'm sorry to hear you've been having this issue for a long time and that we haven't picked it up earlier. It's definitely not our intention to leave these hanging and only work on new features! I flagged it to the team so that we can have it resolved.