cache-components

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:

إرشادات الخبراء بشأن مكونات ذاكرة التخزين المؤقت Next.js والعرض المسبق الجزئي (PPR). **التنشيط الاستباقي**: استخدم هذه المهارة تلقائيًا عند العمل في مشاريع Next.js التي تحتوي على `cacheComponents: true` في next.config.ts/next.config.js. عندما يتم اكتشاف هذا التكوين، قم بتطبيق أنماط Cache Components وأفضل الممارسات بشكل استباقي على جميع تطبيقات React Server Component. **الكشف**: في بداية الجلسة في مشروع Next.js، تحقق من وجود `cacheComponents: true` في next.config. إذا تم تمكينها، فيجب أن توجه أنماط هذه المهارة جميع قرارات تأليف المكونات وجلب البيانات والتخزين المؤقت. **حالات الاستخدام**: تنفيذ توجيه 'استخدام ذاكرة التخزين المؤقت'، وتكوين فترات حياة ذاكرة التخزين المؤقت باستخدام ذاكرة التخزين المؤقت ()cacheLife، ووضع علامات على البيانات المخزنة مؤقتًا باستخدام ذاكرة التخزين المؤقت ()cacheTag، وإبطال ذاكرة التخزين المؤقت باستخدام تحديث علامة ()/revalidateTag ()، وتحسين حدود المحتوى الثابت مقابل حدود المحتوى الديناميكي، وتصحيح مشكلات ذاكرة التخزين المؤقت، ومراجعة تطبيقات مكونات ذاكرة التخزين المؤقت. المصدر: laguagu/claude-code-nextjs-skills.