Nested Layouts

중첩 레이아웃은 라우트 구간마다 공유 UI와 데이터 경계를 만든다

상위 layout은 전체 껍데기를 유지하고, 하위 layout은 특정 섹션의 탭, 사이드바, 데이터 패턴을 공유한다.

레이아웃 계층

persistent UI

RootLayout

html, body, 전역 provider처럼 모든 페이지에 필요한 구조를 둔다.

NestedLayout

dashboard나 settings 같은 구간에서만 필요한 네비게이션을 공유한다.

Page

가장 안쪽에서 경로별 실제 콘텐츠를 렌더링하고 layout 안에 삽입된다.

rootnestedpagechildren
읽는 법

레이아웃을 쪼개는 기준은 파일 수가 아니라, 어떤 UI와 데이터가 어느 라우트 범위에서 유지되어야 하는지다.