-
Asynchronous/Synchronous Layout(Page)
Synchronous Layout (Page)
- 데이터가 서로 의존적이어서 하나의 서버 요청으로 처리해야 할 경우.
- SEO가 중요한 페이지나 초기 로딩이 조금 느려도 상관없는 경우.
Asynchronous Layout (Page)
- 데이터 의존성이 낮고, 점진적 렌더링을 통해 사용자 경험을 개선하고 싶은 경우.
- UX가 중요한 대시보드나 인터랙티브 페이지에 적합.
-
params
, searchParams
는 Page, Layout 컴포넌트에 자동으로 부여됨
- 단, 이때 layout은 하위 자식경로에서 navigation 될때 리렌더링되지 않으므로, searchParams 속성을 사용할 수 없다!
-
SSR 렌더링 방식


Reference
Next.js의 SSR과 React의 RSC(React Server Components) 완벽 이해