diff --git a/src/app/dashboard/layout.tsx b/src/app/dashboard/layout.tsx
new file mode 100644
index 0000000..497583f
--- /dev/null
+++ b/src/app/dashboard/layout.tsx
@@ -0,0 +1,28 @@
+import { redirect } from 'next/navigation'
+import { createClient } from '@/lib/supabase/server'
+import Navbar from '@/components/Navbar'
+
+export default async function DashboardLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  const supabase = await createClient()
+
+  const {
+    data: { user },
+  } = await supabase.auth.getUser()
+
+  if (!user) {
+    redirect('/login')
+  }
+
+  return (
+    <div className="min-h-screen bg-zinc-50 dark:bg-zinc-950">
+      <Navbar userEmail={user.email || ''} />
+      <main className="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
+        {children}
+      </main>
+    </div>
+  )
+}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
new file mode 100644
index 0000000..7b5bec8
--- /dev/null
+++ b/src/components/Navbar.tsx
@@ -0,0 +1,32 @@
+import Link from 'next/link'
+import LogoutButton from './LogoutButton'
+
+interface NavbarProps {
+  userEmail: string
+}
+
+export default function Navbar({ userEmail }: NavbarProps) {
+  return (
+    <nav className="border-b border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-900">
+      <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+        <div className="flex h-16 items-center justify-between">
+          <div className="flex items-center">
+            <Link
+              href="/dashboard"
+              className="text-xl font-bold text-zinc-900 dark:text-zinc-50"
+            >
+              WebVNWrite
+            </Link>
+          </div>
+
+          <div className="flex items-center gap-4">
+            <span className="text-sm text-zinc-600 dark:text-zinc-400">
+              {userEmail}
+            </span>
+            <LogoutButton />
+          </div>
+        </div>
+      </div>
+    </nav>
+  )
+}