next-cache-components
Créer correctement des Cache Components Next.js
Les Cache Components peuvent être difficiles à adopter en toute sécurité lors des migrations Next.js. Cette compétence fournit des conseils ciblés sur le PPR, les directives de cache, les durées de vie, les tags et l’invalidation.
Installer avec mon Agent
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
Review the Skillstore skill "next-cache-components" from https://skillstore.io/skills/vercel-labs-next-cache-components.md and its manifest at https://skillstore.io/api/skills/vercel-labs-next-cache-components/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Ressources lisibles par les agents
Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.
Tester
Utilisation de « next-cache-components ». Un développeur demande comment mettre en cache les données produit tout en gardant les préférences de compte à jour.
Résultat attendu:
- Recommander un composant produit mis en cache avec une durée de vie basée sur des heures.
- Placer les préférences de compte dans une frontière Suspense dynamique.
- Utiliser des tags de cache produit afin que les mutations puissent actualiser les vues produit affectées.
Utilisation de « next-cache-components ». Une équipe demande comment remplacer les anciens paramètres de mise en cache Next.js.
Résultat attendu:
- Faire correspondre le PPR expérimental à la configuration des Cache Components.
- Remplacer les valeurs revalidate de route par des paramètres cacheLife.
- Remplacer l’utilisation de unstable cache par la directive use cache lorsque c’est approprié.
Audit de sécurité
SûrAll static findings were reviewed against SKILL.md and appear to be false positives from Markdown syntax or educational Next.js examples. I found no prompt injection, malware intent, credential access, shell execution, or data exfiltration behavior in the skill content.
Facteurs de risque
⚙️ Commandes externes (58)
🌐 Accès réseau (5)
Partager et citer ce rapport
Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.
Copier le lien du rapport
https://skillstore.io/skills/vercel-labs-next-cache-components/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/vercel-labs-next-cache-components?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/vercel-labs-next-cache-components?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-next-cache-components/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Carte intégrable
<iframe src="https://skillstore.io/embed/skills/vercel-labs-next-cache-components.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citations académiques (APA · BibTeX · CFF)
Citation APA
vercel-labs. (2026). next-cache-components security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-labs-next-cache-components/audits/5Citation BibTeX
@techreport{vercel-labs-vercel-labs-next-cache-components-2026,
author = {vercel-labs},
title = {next-cache-components security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/vercel-labs-next-cache-components/audits/5},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "next-cache-components security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "vercel-labs"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vercel-labs-next-cache-components/audits/5"
identifiers:
- type: other
value: "skillstore:vercel-labs-next-cache-components:audit:5"
description: "Skillstore immutable audit report identifier"
Score Skillstore
Pourquoi ce score Niveau de confiance des preuves: ÉlevéCe que vous pouvez créer
Migrer des pages App Router existantes
Convertir les anciens modèles PPR, revalidate ou unstable_cache vers les Cache Components avec des conseils de remplacement clairs.
Concevoir des routes à rendu mixte
Planifier des routes qui combinent des shells statiques, des données mises en cache et des sections dynamiques au moment de la requête avec Suspense.
Examiner la stratégie d’invalidation du cache
Choisir les API de tag, de durée de vie et d’invalidation appropriées pour du contenu qui change à différentes fréquences.
Essayez ces prompts
Montre-moi comment activer les Cache Components dans un projet Next.js 16 et explique ce qui change après leur activation.
Examine cette structure de page et classe les parties qui devraient être statiques, mises en cache avec use cache, ou dynamiques avec Suspense.
Aide-moi à choisir des profils cacheLife pour des listes de produits, des métriques de tableau de bord et des notifications propres à l’utilisateur dans Next.js.
Crée un plan de migration depuis experimental.ppr, revalidate, les paramètres dynamic et unstable_cache vers les Cache Components avec des tags de cache.
Bonnes pratiques
- Conserver les valeurs propres à la requête en dehors des fonctions mises en cache partagées, sauf si vous utilisez intentionnellement un comportement de cache privé.
- Utiliser des tags de cache pour les données qui doivent être invalidées après des mutations.
- Encapsuler les sections dynamiques dans Suspense afin que le contenu mis en cache et statique puisse être diffusé tôt.
Éviter
- Ne placez pas les cookies, les headers ou les paramètres de recherche directement dans des fonctions use cache partagées.
- N’utilisez pas une durée de vie maximale du cache pour des données qui changent souvent.
- Ne considérez pas updateTag et revalidateTag comme interchangeables ; choisissez en fonction des besoins de fraîcheur.
Foire aux questions
À quoi sert cette compétence ?
Exécute-t-elle des commandes ou modifie-t-elle mon projet ?
Peut-elle aider à migrer depuis unstable_cache ?
Couvre-t-elle les données dynamiques de requête ?
Est-ce uniquement pour les déploiements Vercel ?
Dois-je quand même consulter la documentation officielle de Next.js ?
Détails du développeur
Auteur
vercel-labsLicence
MIT
Révision Skillstore
r1
Avis de version
L’auteur n’a déclaré aucune version.
Réf
36e07d5e13068e5be64447e8f20b427cf2cbd21a
Récence de maintenance
18/07/2026
Utilisation
18 téléchargements · 136 vues
Structure de fichiers
📄 SKILL.md