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.

Next.js 앱 라우터에서 서버 구성요소와 클라이언트 구성요소 중 하나를 선택하기 위한 가이드입니다. useSearchParams(Suspense + '클라이언트 사용' 필요), 탐색(링크, 리디렉션, useRouter), 쿠키/헤더 액세스 및 '클라이언트 사용' 지시어에 대해 중요합니다. 프롬프트에서 useSearchParams, Suspense, 탐색, 라우팅, 링크 구성 요소, 리디렉션, 경로 이름, searchParams, 쿠키, 헤더, 비동기 구성 요소 또는 '클라이언트 사용'을 언급하면 ​​활성화됩니다. 서버/클라이언트 API 혼합을 방지하는 데 필수적입니다. 출처: wsimmonds/claude-nextjs-skills.

원본 보기