Route Groups

Next.js(ver.13)/Routing

Route Groups

ecoEarth 2023. 8. 1. 23:33

앱 디렉토리에서 중첩된 폴더는 일반적으로 URL 경로에 매핑된다. 그러나 폴더를 경로 그룹으로 표시하여 폴더가 경로의 URL 경로에 포함되지 않도록 할 수 있다. 이렇게 하면 URL 경로 구조에 영향을 주지 않고 경로 세그먼트와 프로젝트 파일을 논리적 그룹으로 구성할 수 있다.

(marketing) 및 (shop) 내부의 경로가 동일한 URL 계층 구조를 공유하더라도 해당 폴더에 layout.js 파일을 추가하여 각 그룹에 대해 서로 다른 레이아웃을 만들 수도 있고, 같은 레이아웃을 공유할수도 있다.

루트 레이아웃을 여러 개 만들려면 최상위 layout.js 파일을 제거하고 각 경로 그룹에 layout.js 파일을 추가한다. 이는 애플리케이션을 완전히 다른 UI 또는 경험을 가진 섹션으로 분할하는 데 유용하다. 각 루트 레이아웃에 <html> 및 <body> 태그를 추가해야 한다.