# Cache Components · Veille technologique

[Source canonique](<https://sebastien.rigaux.be/veille/tags/cache-components>)

Modèle Next.js de cache explicite des composants et données, avec durée de vie et invalidation.

Tags associés : [Next.js](<https://sebastien.rigaux.be/veille/tags/nextjs>) · [Prefetching](<https://sebastien.rigaux.be/veille/tags/prefetching>)

## [Next.js 16.4 : accélérer les navigations sans tout précharger](<https://sebastien.rigaux.be/veille/liens/nextjs-164-accelerer-les-navigations-sans-tout-precharger>)

Pour réduire les skeletons dans v0, l’équipe combine le Partial Prefetching de Next.js avec des règles de cache adaptées aux données publiques ou personnalisées. Les tests Playwright `instant()` vérifient que le contenu prioritaire est déjà disponible au clic, et restent comme garde-fous en CI.

Le préchargement dépend aussi de l’intention : dans les grandes grilles, les détails ne sont chargés qu’au survol, au focus ou au toucher. Ce réglage répond à une hausse de 2,9× des requêtes de préchargement ; le bilan global rapporte des coûts quotidiens en baisse, sans attribuer cette évolution au seul refactoring.

2026-10-23 · [Markdown](<https://sebastien.rigaux.be/veille/liens/nextjs-164-accelerer-les-navigations-sans-tout-precharger.md>) · [Ressource originale](<https://nextjs.org/blog/improving-navigation-experience-in-v0-with-nextjs-16-4>)

## [Vercel Shop : accélérer un storefront Shopify avec Next.js](<https://sebastien.rigaux.be/veille/liens/vercel-shop-accelerer-un-storefront-shopify-avec-nextjs>)

Vercel Shop associe un storefront Next.js à Shopify, qui garde en charge le catalogue, les paiements et le checkout. Les Cache Components affichent rapidement les données produits puis diffusent le contenu personnalisé en streaming ; le panier, lui, se met à jour avant la réponse du serveur grâce à une UI optimiste.

Le template ajoute des options pour les agents : un assistant d’achat activable au choix, des skills pour étendre la boutique et du Markdown servi via l’en-tête `Accept`. Une base concrète pour explorer ces parcours, tout en conservant Shopify comme moteur de commerce.

2026-10-23 · [Markdown](<https://sebastien.rigaux.be/veille/liens/vercel-shop-accelerer-un-storefront-shopify-avec-nextjs.md>) · [Ressource originale](<https://vercel.shop/>)

## [vinext 1.1.0 : corrections de parité Next.js et cache stale-while-revalidate](<https://sebastien.rigaux.be/veille/liens/vinext-1-1-0-corrections-de-parite-next-js-et-cache-stale-while-revalidate>)

La version 1.1.0 de vinext, le plugin Vite qui réimplémente l’API Next.js, aligne de nombreux comportements sur Next.js, notamment pour l’App Router (gestion des redirections, métadonnées, erreurs spéciales) et la gestion du cache. Cette release introduit la stratégie **stale-while-revalidate** pour `use cache`, permettant de servir des entrées périmées tout en les régénérant en arrière-plan, et corrige plusieurs incohérences de cache et de rendu côté serveur. Un jalon pour ceux qui cherchent une alternative déployable à Next.js.

2026-10-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/vinext-1-1-0-corrections-de-parite-next-js-et-cache-stale-while-revalidate.md>) · [Ressource originale](<https://github.com/cloudflare/vinext/releases/tag/vinext%401.1.0>)

## [Next.js 16.4 : Cache Components activé par défaut et nouveautés](<https://sebastien.rigaux.be/veille/liens/next-js-16-4-cache-components-active-par-defaut-et-nouveautes>)

Next.js 16.4 recommande désormais l’utilisation des Cache Components, activés par défaut sur les nouveaux projets via `create-next-app`. Ce modèle permet de déclarer précisément le cache au niveau des composants, avec des API pour contrôler le comportement statique ou dynamique des pages et affiner le préchargement. La version apporte aussi des outils d’agent pour faciliter la migration, des optimisations sur Turbopack (taille du cache, HMR, bundles plus petits), la prise en charge de React 19.3 et plusieurs fonctionnalités expérimentales pour le build et le développement.

2026-10-15 · [Markdown](<https://sebastien.rigaux.be/veille/liens/next-js-16-4-cache-components-active-par-defaut-et-nouveautes.md>) · [Ressource originale](<https://nextjs.org/blog/next-16-4>)
