I rebuilt an older Vercel book search demo with Next.js 16.3 Instant Navigations:
next-books.dev
Instant Navigations lets server-rendered routes respond immediately when you click, even on a throttled connection:
๐๐๐๐๐ ๐๐๐ก๐๐ฒ๐๐๐๐๐ = {
๐๐๐๐๐๐ฒ๐๐๐๐๐๐๐๐๐: ๐๐๐๐,
๐๐๐๐๐๐๐๐ฟ๐๐๐๐๐๐๐๐๐๐: ๐๐๐๐
};
Cache Components prerenders static, cached, and fallback UI. Partial Prefetching brings that reusable route UI to the browser before navigation.
Add ๐๐๐๐๐๐๐๐={๐๐๐๐} when a link should also resolve its URL-dependent content before the click. Anything still missing loads on the server and streams into its Suspense boundary.
The filters use ๐๐๐๐๐๐๐๐๐๐๐๐๐ to fade the catalog while the server updates and ๐๐๐๐พ๐๐๐๐๐๐๐๐๐ to apply the next filter values immediately.
Rebuilding the demo also improved initial loading. First Contentful Paint was 44% faster and Largest Contentful Paint was 33% faster than the original.
See the source and learn more below โ