nextjs-server-client-components

SKILL.md

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.

Guide pour choisir entre les composants serveur et les composants clients dans Next.js App Router. CRITIQUE pour useSearchParams (nécessite Suspense + 'use client'), la navigation (lien, redirection, useRouter), l'accès aux cookies/en-têtes et la directive 'use client'. S'active lorsque l'invite mentionne useSearchParams, Suspense, navigation, routage, composant Link, redirection, chemin d'accès, searchParams, cookies, en-têtes, composants asynchrones ou « utiliser le client ». Indispensable pour éviter de mélanger les API serveur/client. Source : wsimmonds/claude-nextjs-skills.

Voir l'original