App Router

acme.com
/clothing/tops/
HomeElectronicsClothingBooks
Client Component Hooks
{
  "useSelectedLayoutSegment": "clothing",
  "useSelectedLayoutSegments": [
    "clothing",
    "tops"
  ]
}
children
AllTopsShortsShoes
Client Component Hooks
{
  "useSelectedLayoutSegment": "tops",
  "useSelectedLayoutSegments": [
    "tops"
  ]
}
children

Tops

Client Component Hooks
{
  "usePathname": "/hooks/clothing/tops",
  "useParams": {
    "categorySlug": "clothing",
    "subCategorySlug": "tops"
  },
  "useSearchParams": {},
  "useSelectedLayoutSegment": null,
  "useSelectedLayoutSegments": []
}
By
View code or deploy your own