Layout-2
~10 mins
- nextjs
Create Separate Layout for dashboard
- dashboard/layout.tsx
- dashboard/page.tsx
- dashboard/customer/page.tsx
- dashboard/invoices/page.tsx
import SideNav from '@/app/ui/dashboard/sidenav';
export default function Layout({ children }: { children: React.ReactNode }) {
return (
<div className="flex h-screen flex-col md:flex-row md:overflow-hidden">
<div className="w-full flex-none md:w-64">
<SideNav />
</div>
<div className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
</div>
);
}