cache-components
✓Conseils d'experts pour les composants de cache Next.js et le prérendu partiel (PPR). **ACTIVATION PROACTIVE** : utilisez cette compétence automatiquement lorsque vous travaillez dans des projets Next.js qui ont « cacheComponents : true » dans leur next.config.ts/next.config.js. Lorsque cette configuration est détectée, appliquez de manière proactive les modèles et les meilleures pratiques des composants de cache à toutes les implémentations de composants React Server. **DÉTECTION** : au début d'une session dans un projet Next.js, recherchez `cacheComponents : true` dans next.config. Si elles sont activées, les modèles de cette compétence doivent guider toutes les décisions de création de composants, de récupération de données et de mise en cache. **CAS D'UTILISATION** : implémentation de la directive 'use cache', configuration des durées de vie du cache avec cacheLife(), marquage des données mises en cache avec cacheTag(), invalidation des caches avec updateTag()/revalidateTag(), optimisation des limites de contenu statique et dynamique, débogage des problèmes de cache et examen des implémentations des composants de cache.
Installation
SKILL.md
Auto-activation: This skill activates automatically in projects with cacheComponents: true in next.config.
When starting work in a Next.js project, check if Cache Components are enabled:
If cacheComponents: true is found, apply this skill's patterns proactively when:
Conseils d'experts pour les composants de cache Next.js et le prérendu partiel (PPR). **ACTIVATION PROACTIVE** : utilisez cette compétence automatiquement lorsque vous travaillez dans des projets Next.js qui ont « cacheComponents : true » dans leur next.config.ts/next.config.js. Lorsque cette configuration est détectée, appliquez de manière proactive les modèles et les meilleures pratiques des composants de cache à toutes les implémentations de composants React Server. **DÉTECTION** : au début d'une session dans un projet Next.js, recherchez `cacheComponents : true` dans next.config. Si elles sont activées, les modèles de cette compétence doivent guider toutes les décisions de création de composants, de récupération de données et de mise en cache. **CAS D'UTILISATION** : implémentation de la directive 'use cache', configuration des durées de vie du cache avec cacheLife(), marquage des données mises en cache avec cacheTag(), invalidation des caches avec updateTag()/revalidateTag(), optimisation des limites de contenu statique et dynamique, débogage des problèmes de cache et examen des implémentations des composants de cache. Source : laguagu/claude-code-nextjs-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill cache-components- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que cache-components ?
Conseils d'experts pour les composants de cache Next.js et le prérendu partiel (PPR). **ACTIVATION PROACTIVE** : utilisez cette compétence automatiquement lorsque vous travaillez dans des projets Next.js qui ont « cacheComponents : true » dans leur next.config.ts/next.config.js. Lorsque cette configuration est détectée, appliquez de manière proactive les modèles et les meilleures pratiques des composants de cache à toutes les implémentations de composants React Server. **DÉTECTION** : au début d'une session dans un projet Next.js, recherchez `cacheComponents : true` dans next.config. Si elles sont activées, les modèles de cette compétence doivent guider toutes les décisions de création de composants, de récupération de données et de mise en cache. **CAS D'UTILISATION** : implémentation de la directive 'use cache', configuration des durées de vie du cache avec cacheLife(), marquage des données mises en cache avec cacheTag(), invalidation des caches avec updateTag()/revalidateTag(), optimisation des limites de contenu statique et dynamique, débogage des problèmes de cache et examen des implémentations des composants de cache. Source : laguagu/claude-code-nextjs-skills.
Comment installer cache-components ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill cache-components Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/laguagu/claude-code-nextjs-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01