diff --git a/app/Http/Middleware/HandleInertiaRequests.php b/app/Http/Middleware/HandleInertiaRequests.php
index 5748558e3..56f01cee0 100644
--- a/app/Http/Middleware/HandleInertiaRequests.php
+++ b/app/Http/Middleware/HandleInertiaRequests.php
@@ -49,6 +49,7 @@ final class HandleInertiaRequests extends Middleware
     {
         return [
             ...parent::share($request),
+            'appName' => config('app.name'),
         ];
     }
 }
diff --git a/resources/js/global.d.ts b/resources/js/global.d.ts
index 52b56f0b4..a0c22ab20 100644
--- a/resources/js/global.d.ts
+++ b/resources/js/global.d.ts
@@ -1,7 +1,8 @@
 declare module "@inertiajs/core" {
     export interface InertiaConfig {
         sharedPageProps: {
-        };
+            appName: string
+        }
         // flashDataType: {
         //     toast?: { type: "success" | "error"; message: string };
         // };
diff --git a/resources/js/pages/dashboard.svelte b/resources/js/pages/dashboard.svelte
index 092e94790..1f94450fd 100644
--- a/resources/js/pages/dashboard.svelte
+++ b/resources/js/pages/dashboard.svelte
@@ -1,3 +1,12 @@
+<script lang="ts">
+import { page } from '@inertiajs/svelte'
+</script>
+
+<svelte:head>
+    <title>Dashboard - {$page.props.appName}</title> <!-- the TS type of appName is currently incorrect, which is likely an Inertia bug. -->
+    <meta name="description" content="The {$page.props.appName} dashboard" />
+</svelte:head>
+
 <div class="min-h-screen bg-background text-foreground p-8">
     <h1 class="text-3xl font-bold mb-6">Dashboard</h1>
 </div>