learn next

app/dashboard/customer/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+    return <p>Customers Page</p>;
+}

app/dashboard/invoices/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+    return <p>Invoices Page</p>;
+}

app/dashboard/layout.tsx

@@ -0,0 +1,12 @@
+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>
+  );
+}

app/dashboard/page.tsx

@@ -0,0 +1,4 @@
+
+export default function Page() {
+  return <p>Dashboard Page</p>;
+}