diff --git a/apps/web/app/dashboard/layout.tsx b/apps/web/app/dashboard/layout.tsx
new file mode 100644
index 0000000..b9b56b1
--- /dev/null
+++ b/apps/web/app/dashboard/layout.tsx
@@ -0,0 +1,26 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import { useEffect, type ReactNode } from 'react';
+import { Sidebar } from '../../components/Sidebar';
+import { useAuth } from '../../lib/auth-context';
+
+export default function DashboardLayout({ children }: { children: ReactNode }) {
+  const { user, isLoading } = useAuth();
+  const router = useRouter();
+
+  useEffect(() => {
+    if (!isLoading && !user) {
+      router.replace('/login');
+    }
+  }, [isLoading, user, router]);
+
+  if (isLoading || !user) return null;
+
+  return (
+    <div style={{ display: 'flex', minHeight: '100vh' }}>
+      <Sidebar />
+      <main style={{ flex: 1, padding: '2rem' }}>{children}</main>
+    </div>
+  );
+}
diff --git a/apps/web/app/dashboard/page.tsx b/apps/web/app/dashboard/page.tsx
new file mode 100644
index 0000000..1c27fe6
--- /dev/null
+++ b/apps/web/app/dashboard/page.tsx
@@ -0,0 +1,8 @@
+export default function DashboardPage() {
+  return (
+    <div>
+      <h1 style={{ fontWeight: 700, fontSize: '1.5rem', marginBottom: '0.5rem' }}>Dashboard</h1>
+      <p style={{ color: '#6b7280' }}>Welcome back. More stats coming soon.</p>
+    </div>
+  );
+}
diff --git a/apps/web/components/Sidebar.tsx b/apps/web/components/Sidebar.tsx
new file mode 100644
index 0000000..213ae0c
--- /dev/null
+++ b/apps/web/components/Sidebar.tsx
@@ -0,0 +1,70 @@
+'use client';
+
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { useAuth } from '../lib/auth-context';
+
+const NAV_LINKS = [
+  { href: '/dashboard', label: 'Dashboard' },
+  { href: '/dashboard/restaurants', label: 'Restaurants' },
+  { href: '/dashboard/menu', label: 'Menu' },
+  { href: '/dashboard/orders', label: 'Orders' },
+  { href: '/dashboard/settings', label: 'Settings' },
+] as const;
+
+export function Sidebar() {
+  const pathname = usePathname();
+  const { user, logout } = useAuth();
+
+  return (
+    <aside
+      style={{
+        width: '220px',
+        minHeight: '100vh',
+        borderRight: '1px solid #e5e7eb',
+        display: 'flex',
+        flexDirection: 'column',
+        padding: '1.5rem 1rem',
+        gap: '0.25rem',
+      }}
+    >
+      <p style={{ fontWeight: 700, fontSize: '1.1rem', marginBottom: '1rem' }}>Discoverly</p>
+
+      <nav style={{ display: 'flex', flexDirection: 'column', gap: '0.25rem', flex: 1 }}>
+        {NAV_LINKS.map(({ href, label }) => {
+          const isActive = pathname === href;
+          return (
+            <Link
+              key={href}
+              href={href}
+              aria-current={isActive ? 'page' : undefined}
+              style={{
+                padding: '0.5rem 0.75rem',
+                borderRadius: '6px',
+                textDecoration: 'none',
+                fontWeight: isActive ? 600 : 400,
+                background: isActive ? '#f3f4f6' : 'transparent',
+                color: '#111827',
+              }}
+            >
+              {label}
+            </Link>
+          );
+        })}
+      </nav>
+
+      {user && (
+        <div style={{ borderTop: '1px solid #e5e7eb', paddingTop: '1rem' }}>
+          <p style={{ fontSize: '0.8rem', color: '#6b7280', marginBottom: '0.5rem' }}>{user.email}</p>
+          <button
+            type="button"
+            onClick={logout}
+            style={{ fontSize: '0.85rem', cursor: 'pointer', background: 'none', border: 'none', color: '#ef4444' }}
+          >
+            Sign out
+          </button>
+        </div>
+      )}
+    </aside>
+  );
+}