서버 shell 안에 작은 client island를 조합한다

데이터 조회와 큰 구조는 서버가 소유하고 필터·버튼·provider는 실제 사용 범위에만 둔다.

Server shell데이터와 큰 화면 구조를 소유하는 기본 트리
shell

Server list · detail

초기 데이터와 SEO 콘텐츠를 준비

props

Serializable input

client에 필요한 최소 값만 전달

filter

Client input

검색·필터처럼 즉시 변하는 UI

action

Client button

장바구니·좋아요 같은 사용자 의도

provider

Narrow scope

사용하는 하위 layout 가까이에 공유 상태 배치

핵심client wrapper가 커질수록 번들과 hydration 범위도 커지므로 서버 결과를 작은 island에 끼워 넣는다.