·cache-components
</>

cache-components

laguagu/claude-code-nextjs-skills

Expertenberatung für Next.js-Cache-Komponenten und Partial Prerendering (PPR). **PROAKTIVE AKTIVIERUNG**: Verwenden Sie diese Fähigkeit automatisch, wenn Sie in Next.js-Projekten arbeiten, deren next.config.ts/next.config.js „cacheComponents: true“ enthält. Wenn diese Konfiguration erkannt wird, wenden Sie Cache Components-Muster und Best Practices proaktiv auf alle React Server Component-Implementierungen an. **ERKENNUNG**: Suchen Sie zu Beginn einer Sitzung in einem Next.js-Projekt nach „cacheComponents: true“ in next.config. Wenn diese Fähigkeit aktiviert ist, sollten die Muster dieser Fertigkeit als Leitfaden für alle Komponentenerstellungs-, Datenabruf- und Caching-Entscheidungen dienen. **ANWENDUNGSFÄLLE**: Implementieren der Direktive „Cache verwenden“, Konfigurieren der Cache-Lebensdauer mit CacheLife(), Markieren zwischengespeicherter Daten mit CacheTag(), Ungültigmachen von Caches mit updateTag()/revalidateTag(), Optimieren statischer vs. dynamischer Inhaltsgrenzen, Debuggen von Cache-Problemen und Überprüfen der Cache-Komponenten-Implementierungen.

13Installationen·0Trend·@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:

Expertenberatung für Next.js-Cache-Komponenten und Partial Prerendering (PPR). **PROAKTIVE AKTIVIERUNG**: Verwenden Sie diese Fähigkeit automatisch, wenn Sie in Next.js-Projekten arbeiten, deren next.config.ts/next.config.js „cacheComponents: true“ enthält. Wenn diese Konfiguration erkannt wird, wenden Sie Cache Components-Muster und Best Practices proaktiv auf alle React Server Component-Implementierungen an. **ERKENNUNG**: Suchen Sie zu Beginn einer Sitzung in einem Next.js-Projekt nach „cacheComponents: true“ in next.config. Wenn diese Fähigkeit aktiviert ist, sollten die Muster dieser Fertigkeit als Leitfaden für alle Komponentenerstellungs-, Datenabruf- und Caching-Entscheidungen dienen. **ANWENDUNGSFÄLLE**: Implementieren der Direktive „Cache verwenden“, Konfigurieren der Cache-Lebensdauer mit CacheLife(), Markieren zwischengespeicherter Daten mit CacheTag(), Ungültigmachen von Caches mit updateTag()/revalidateTag(), Optimieren statischer vs. dynamischer Inhaltsgrenzen, Debuggen von Cache-Problemen und Überprüfen der Cache-Komponenten-Implementierungen. Quelle: laguagu/claude-code-nextjs-skills.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill cache-components
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist cache-components?

Expertenberatung für Next.js-Cache-Komponenten und Partial Prerendering (PPR). **PROAKTIVE AKTIVIERUNG**: Verwenden Sie diese Fähigkeit automatisch, wenn Sie in Next.js-Projekten arbeiten, deren next.config.ts/next.config.js „cacheComponents: true“ enthält. Wenn diese Konfiguration erkannt wird, wenden Sie Cache Components-Muster und Best Practices proaktiv auf alle React Server Component-Implementierungen an. **ERKENNUNG**: Suchen Sie zu Beginn einer Sitzung in einem Next.js-Projekt nach „cacheComponents: true“ in next.config. Wenn diese Fähigkeit aktiviert ist, sollten die Muster dieser Fertigkeit als Leitfaden für alle Komponentenerstellungs-, Datenabruf- und Caching-Entscheidungen dienen. **ANWENDUNGSFÄLLE**: Implementieren der Direktive „Cache verwenden“, Konfigurieren der Cache-Lebensdauer mit CacheLife(), Markieren zwischengespeicherter Daten mit CacheTag(), Ungültigmachen von Caches mit updateTag()/revalidateTag(), Optimieren statischer vs. dynamischer Inhaltsgrenzen, Debuggen von Cache-Problemen und Überprüfen der Cache-Komponenten-Implementierungen. Quelle: laguagu/claude-code-nextjs-skills.

Wie installiere ich cache-components?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill cache-components Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/laguagu/claude-code-nextjs-skills