Next.js에서 Parallel Routes는 한 레이아웃(Layout) 내에서 여러 페이지를 동시에 렌더링할 수 있게 해주는 기능이다. 예를 들어, 화면의 왼쪽에는 제품 목록(혹은 요약 정보)을, 오른쪽에는 선택된 제품의 상세 정보를 각각 렌더링하면서도, 각자의 데이터 패칭 로직을 독립적으로 유지할 수 있다.
children 한 개만 배치해 순차적으로 렌더링했지만, Parallel Routes를 사용하면 여러 하위 라우트를 동시에 배치할 수 있다.Parallel Routes는 특히 여러 종류의 데이터를 별개의 컴포넌트가 개별적으로 가져와야 할 때, 혹은 서로 다른 영역에 의존성이 없는 데이터를 동시 렌더링해야 할 때 강력한 이점을 제공한다.
Parallel Routes를 적용하면 하나의 레이아웃 안에 여러 라우트를 나란히 놓아 동시에 렌더링할 수 있다. 각 라우트가 독립적으로 데이터 패칭과 상태 관리를 수행한다.
레이아웃과 페이지 구조를 좀 더 유연하게 구성한다. 예를 들어 관리자 화면처럼, 왼쪽 사이드바와 오른쪽 메인 콘텐츠를 별도의 라우트로 만들고, 필요한 데이터도 분리해 관리할 수 있다.
Parallel Routes는 페이지 일부만 선택적으로 교체되는 UI 전환을 쉽게 구현하게 해준다. 특정 영역만 새로 로딩되거나 업데이트되기 때문에, 전체 페이지가 갱신되는 느낌을 최소화할 수 있다.