·cache-components
</>

cache-components

laguagu/claude-code-nextjs-skills

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.

13Installations·0Tendance·@laguagu

Installation

$npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill cache-components

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.

Voir l'original

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