# Cache Components · Tech watch

[Canonical source](<https://sebastien.rigaux.be/en/tech-watch/tags/cache-components>)

Next.js’s explicit component and data caching model, including lifetimes and invalidation.

Related tags : [Next.js](<https://sebastien.rigaux.be/en/tech-watch/tags/nextjs>) · [Prefetching](<https://sebastien.rigaux.be/en/tech-watch/tags/prefetching>)

## [Next.js 16.4: faster navigation without prefetching everything](<https://sebastien.rigaux.be/en/tech-watch/links/nextjs-164-faster-navigation-without-prefetching-everything>)

To reduce loading skeletons in v0, the team combines Next.js Partial Prefetching with cache rules suited to public and personalized data. Playwright `instant()` tests check that priority content is ready at click time, and remain in the codebase as CI regression checks.

Prefetching also responds to user intent: in large grids, details load on hover, focus, or touch rather than for every visible card. That adjustment followed a 2.9× increase in prefetch requests. The overall comparison reports lower daily costs, while cautioning that the change cannot be attributed to this refactor alone.

2026-10-23 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/nextjs-164-faster-navigation-without-prefetching-everything.md>) · [Original resource](<https://nextjs.org/blog/improving-navigation-experience-in-v0-with-nextjs-16-4>)

## [Vercel Shop speeds up a Shopify storefront with Next.js](<https://sebastien.rigaux.be/en/tech-watch/links/vercel-shop-speeds-up-a-shopify-storefront-with-nextjs>)

Vercel Shop pairs a Next.js storefront with Shopify, which remains responsible for the catalog, payments, and checkout. Cache Components serve product data quickly, then stream personalized content; meanwhile, the cart updates before the server responds through an optimistic UI.

The template adds agent-facing options: an opt-in shopping assistant, skills for extending the store, and Markdown served through the `Accept` header. It offers a concrete starting point for these flows while keeping Shopify as the commerce engine.

2026-10-23 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/vercel-shop-speeds-up-a-shopify-storefront-with-nextjs.md>) · [Original resource](<https://vercel.shop/>)

## [vinext 1.1.0: Next.js parity fixes and stale-while-revalidate cache](<https://sebastien.rigaux.be/en/tech-watch/links/vinext-1-1-0-next-js-parity-fixes-and-stale-while-revalidate-cache>)

vinext 1.1.0, the Vite plugin reimplementing the Next.js API, brings many behaviors in line with Next.js, especially for the App Router (redirect handling, metadata, special errors) and cache management. This release introduces **stale-while-revalidate** for `use cache`, serving stale entries while regenerating them in the background, and fixes several cache and server-side rendering inconsistencies. A milestone for those seeking a deploy-anywhere alternative to Next.js.

2026-10-16 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/vinext-1-1-0-next-js-parity-fixes-and-stale-while-revalidate-cache.md>) · [Original resource](<https://github.com/cloudflare/vinext/releases/tag/vinext%401.1.0>)

## [Next.js 16.4: Cache Components now recommended and default](<https://sebastien.rigaux.be/en/tech-watch/links/next-js-16-4-cache-components-now-recommended-and-default>)

Next.js 16.4 makes Cache Components the recommended approach, now enabled by default for new projects created with `create-next-app`. This model lets you declare cache behavior at the component level, with APIs to control static or dynamic rendering and fine-tune prefetching. The release also brings agent tooling for migration, Turbopack optimizations (cache size, HMR, smaller bundles), support for React 19.3, and several experimental features for build and development.

2026-10-15 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/next-js-16-4-cache-components-now-recommended-and-default.md>) · [Original resource](<https://nextjs.org/blog/next-16-4>)
