Next.js 16.3 Released with Instant Navigations and Significant Performance Improvements

Next.js 16.3 Introduces Instant Navigations

Vercel has launched Next.js 16.3, a significant update to the React framework. The release features "Instant Navigations," an opt-in suite of tools designed to bring the responsiveness of single-page applications to Next.js while retaining its server model. This functionality builds on the 'use cache' directive and is enabled by setting `cacheComponents: true` and `partialPrefetching: true` in the Next.js configuration.

Development Experience Improvements

The update focuses heavily on enhancing the development experience. Turbopack now utilizes up to 90% less memory during `next dev` operations, thanks to new disk caching and memory eviction features. This has been observed to reduce memory usage significantly, with one report showing a drop from 4GB to 1.5GB. Additionally, the same disk cache accelerates `next build` processes, making repeat builds up to 5.5 times faster on CI environments.

Faster Type Checking and Server-Side Rendering

Type checking has also seen improvements, with `next build` now supporting TypeScript 7, which Microsoft claims is approximately ten times quicker. Server-side rendering has been re-engineered to use native Node.js streams instead of web streams, allowing it to handle up to 22% more requests under load without requiring code changes. As part of this transition, the edge runtime is now deprecated.

New Developer Tools and Adoption Notes

Instant Navigations are supported by new DevTools called Instant Insights, which automatically identify navigations that are not instant. A Playwright `instant()` helper is also available to help teams prevent regressions. While the update offers substantial benefits, some caveats exist, such as issues with static exports and global styled-jsx styles when using Partial Prefetching. Appwrite recommends upgrading for the default improvements and adopting Instant Navigations incrementally.