Next.js 15 Tutorial - 30 - Parallel Routes
- Next.js 15의 병렬 라우팅을 사용하면 복잡한 대시보드 UI를 효율적으로 구축할 수 있습니다. 📊
- 슬롯(@ 폴더 명명 규칙)을 이용하여 여러 페이지를 동시에 렌더링하고, 각 슬롯은 레이아웃 컴포넌트의 prop으로 자동 전달됩니다. ⚙️
- 각 슬롯은 독립적인 라우팅 처리 및 에러 핸들링이 가능하여, 특정 영역의 로딩 지연이나 에러 발생 시 다른 영역에 영향을 주지 않습니다. 🛡️
- 병렬 라우팅은 서브 네비게이션을 원활하게 지원하여 사용자 경험을 향상시킵니다. 🧭
- 기존 컴포넌트 기반 방식과 달리, 병렬 라우팅은 여러 팀이 UI의 서로 다른 부분을 독립적으로 작업할 수 있도록 지원합니다. 🤝
- URL 구조에는 영향을 미치지 않으며, children prop은 암시적 슬롯으로 작동합니다. 📄
- 대시보드, 분할 화면 인터페이스, 다중 패널 레이아웃, 복잡한 관리 인터페이스 등 다양한 UI에 적용 가능합니다. 🏢