클라이언트 데이터는 서버 shell 뒤에서 필요한 만큼만 갱신한다

마운트 이후 cache key를 확인하고 실제 요청이 필요할 때만 작은 UI 영역을 바꾼다.

1

Server shell

HTML과 직렬화 가능한 초기값 준비

2

Hydration

이벤트와 브라우저 상태 연결

3

Cache lookup

SWR·Query key로 기존 데이터 확인

4

API request

없거나 stale할 때만 브라우저 fetch

5

UI update

성공·로딩·오류를 해당 영역에서 반영

핵심첫 화면과 SEO 데이터는 서버에 두고 사용자 행동 뒤 바뀌는 값만 클라이언트 캐시에 맡긴다.