병렬 라우팅을 사용하면 동일한 레이아웃에서 하나 이상의 페이지를 동시에 또는 조건부로 렌더링할 수 있습니다. 소셜 사이트의 대시보드 및 피드와 같이 앱에서 매우 동적인 섹션의 경우 병렬 라우팅을 사용하여 복잡한 라우팅 패턴을 구현할 수 있습니다.

예를 들어 팀 페이지와 분석 페이지를 동시에 렌더링할 수 있습니다.

Untitled

병렬 라우팅을 사용하면 각 라우트가 독립적으로 스트리밍될 때 각 라우트에 대해 독립적인 에러 및 로딩 상태를 정의할 수 있습니다.

Untitled

병렬 라우팅을 사용하면 인증 상태와 같은 특정 조건에 따라 조건부 슬롯을 렌더링할 수도 있습니다. 이를 통해 동일한 URL에서 완전히 분리된 코드를 사용할 수 있습니다.

Untitled

컨벤션

병렬 라우트는 명명된 슬롯을 사용하여 생성됩니다. 슬롯은 @folder 규칙으로 정의되며 같은 레벨의 레이아웃에 prop으로 전달됩니다.

<aside> 💡 슬롯은 라우트 세그먼트가 아니며 URL 구조에 영향을 미치지 않습니다. 파일 경로 /@team/members/members 에서 액세스할 수 있습니다.

</aside>

예를 들어, 다음 파일 구조에는 두 개의 명시적 슬롯을 정의합니다. @analytics@team