Next.js 15로 프로젝트를 리팩토링 중인데, 서버 컴포넌트와 클라이언트 컴포넌트의 경계를 어디에 둬야 할지 고민입니다.
예를 들어, 데이터 fetching은 서버에서 하고 interaction(버튼 클릭, form submit)은 클라이언트에서 처리해야 하는데, 이걸 한 페이지 안에서 어떻게 구성하는 게 best practice일까요?
현재는 큰 서버 컴포넌트 안에 필요한 부분만 클라이언트 컴포넌트로 분리해서 import하고 있는데, props drilling이 좀 심해지네요. 아니면 아예 레이아웃 단위로 분리하는 게 나을까요? 경험 있으신 분들 조언 부탁드립니다.