nextjs-server-client-components

Provide comprehensive guidance for choosing between Server Components and Client Components in Next.js App Router, including cookie/header access, searchParams handling, pathname routing, and React's 'use' API for promise unwrapping.

CRITICAL RULE: This codebase has @typescript-eslint/no-explicit-any enabled. Using any will cause build failures.

All components in the App Router are Server Components by default. No directive needed.

دليل للاختيار بين مكونات الخادم ومكونات العميل في جهاز توجيه تطبيق Next.js. ضروري لـ useSearchParams (يتطلب Suspense + "استخدام العميل")، والتنقل (الرابط، وإعادة التوجيه، useRouter)، والوصول إلى ملفات تعريف الارتباط/الرؤوس، وتوجيه "استخدام العميل". يتم التنشيط عندما تشير المطالبة إلى useSearchParams، أو Suspense، أو التنقل، أو التوجيه، أو مكون الارتباط، أو إعادة التوجيه، أو اسم المسار، أو searchParams، أو ملفات تعريف الارتباط، أو الرؤوس، أو المكونات غير المتزامنة، أو "استخدام العميل". ضروري لتجنب الخلط بين واجهات برمجة التطبيقات للخادم/العميل. المصدر: wsimmonds/claude-nextjs-skills.