Next.js 16.3 Instant Navigations lets you balance reusable content with fresh or personalized data while keeping navigation responsive, like a SPA.
I built
next16-airline.vercel.app to try this in a common multi-step flow. Cache Components mark reusable flight data with πππ πππππ. Partial Prefetching brings it into the browser before you click, including URL-specific content with ππππππππ={ππππ}.
Async React keeps search and booking actions responsive with ππππΎπππππππππ, πππππππππππππππ, and ππππ°ππππππππππ. Server Functions write and refresh data with πππππππππ. π
πππ ππππππππππ animates loading and confirmation.
Iβm also testing ππππππππ_ππππππππ() and ππππππππ_ππππππππππ() to refine what waits for navigation, like search results and live seat availability.
See the source and learn more below β