Layouts (Client Component)
Nested Layouts
Grouped Layouts
Streaming with Suspense
Root Layouts soon
File Conventions (Client Component)
Loading
Error
Components (Client Component)
Hooks
Client Context
Component Tree
Styling (Client Component)
CSS and CSS-in-JS
client-component
/clothing/shorts/
Client Component Hooks
(Client Component){
  "usePathname": "/hooks/clothing/shorts",
  "selectedLayoutSegments": [
    "clothing",
    "shorts"
  ],
  "useSearchParams": {},
  "useSearchParam('key')": null,
  "useRouter": {
    "push": "(string) => void",
    "softPush": "(string) => void",
    "replace": "(string) => void",
    "softReplace": "(string) => void",
    "reload": "() => void",
    "prefetch": "() => Promise<void>"
  }
}
Created by the Next.js team at Vercel. View the code or deploy your own.