diff --git a/app/Livewire/Auth/Logout.php b/app/Livewire/Auth/Logout.php
new file mode 100644
index 0000000..cf782d5
--- /dev/null
+++ b/app/Livewire/Auth/Logout.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Livewire\Auth;
+
+use Livewire\Component;
+
+class Logout extends Component
+{
+    public function logout()
+    {
+        auth()->logout();
+
+        session()->invalidate();
+        session()->regenerateToken();
+
+        $this->redirectRoute('login', navigate: true);
+    }
+
+    public function render()
+    {
+        return view('livewire.auth.logout');
+    }
+}
diff --git a/resources/views/components/partials/studio/_header.blade.php b/resources/views/components/partials/studio/_header.blade.php
index 3670c63..dbcc92f 100644
--- a/resources/views/components/partials/studio/_header.blade.php
+++ b/resources/views/components/partials/studio/_header.blade.php
@@ -28,7 +28,7 @@ class="max-lg:hidden! hidden dark:flex" />
             <flux:navmenu.item href="#" icon="paint-brush">Tema</flux:navmenu.item>
             <flux:navmenu.item href="#" icon="chart-bar">Statistik</flux:navmenu.item>
             <flux:menu.separator />
-            <flux:navmenu.item href="#" icon="arrow-right-start-on-rectangle">Keluar</flux:navmenu.item>
+            @livewire('auth.logout')
         </flux:navmenu>
     </flux:dropdown>
 </flux:header>
diff --git a/resources/views/livewire/auth/logout.blade.php b/resources/views/livewire/auth/logout.blade.php
new file mode 100644
index 0000000..9d81e4c
--- /dev/null
+++ b/resources/views/livewire/auth/logout.blade.php
@@ -0,0 +1,2 @@
+<flux:navmenu.item href="javascript:void(0)" icon="arrow-right-start-on-rectangle" wire:click="logout">Keluar
+</flux:navmenu.item>
diff --git a/routes/web.php b/routes/web.php
index 1c03435..69b6dff 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,6 +1,7 @@
 <?php
 
 use App\Livewire\Auth\Login;
+use App\Livewire\Auth\Logout;
 use App\Livewire\Studio\Dashboard\Overview;
 use App\Livewire\Studio\Master\Outlet\Create as OutletCreate;
 use App\Livewire\Studio\Master\Outlet\Edit as OutletEdit;
@@ -16,6 +17,7 @@
     ->group(function () {
         Route::get('login', Login::class)->name('login');
     });
+Route::get('logout', Logout::class)->name('logout')->middleware('auth');
 
 Route::middleware('auth')
     ->prefix('studio')