Next.js App Router에서 서버/클라이언트 컴포넌트 구분 기준이 궁금해요

App Router로 넘어오면서 어떤 걸 서버 컴포넌트로 두고 어떤 걸 "use client"로 둘지 헷갈립니다.

제 나름의 기준은 이런데 맞을까요?

• 데이터 fetch·SEO·민감 로직 → 서버 컴포넌트
• useState·이벤트 핸들러·브라우저 API → 클라이언트 컴포넌트
• 가능하면 클라이언트 컴포넌트는 잎(leaf)에 작게

실무에서 더 좋은 가이드라인이나 '이건 이렇게 나눠라' 하는 팁 있으면 알려주세요!