diff --git a/docs/src/config.ts b/docs/src/config.ts
index 2a4197ae9..b24b5c499 100644
--- a/docs/src/config.ts
+++ b/docs/src/config.ts
@@ -67,3 +67,7 @@ export const sidebar = [
   //   ],
   // },
 ];
+
+export const site = {
+  title: 'Astro Documentation',
+};
diff --git a/docs/src/layouts/Main.astro b/docs/src/layouts/Main.astro
index f2a73e07e..25292896f 100644
--- a/docs/src/layouts/Main.astro
+++ b/docs/src/layouts/Main.astro
@@ -4,6 +4,7 @@ import SiteSidebar from '../components/SiteSidebar.astro';
 import ThemeToggle from '../components/ThemeToggle.tsx';
 import DocSidebar from '../components/DocSidebar.tsx';
 import MenuToggle from '../components/MenuToggle.tsx';
+import { site } from "../config.ts";
 
 const { content = {}, centered = false } = Astro.props;
 const headers = content?.astro?.headers;
@@ -20,7 +21,7 @@ if (currentPage) {
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     
-    <title>{content.title}</title>
+    <title>{content.title ? `${content.title} 🚀 ${site.title}` : site.title}</title>
 
     <!-- This is intentionally inlined to avoid FOUC -->
     <script>
diff --git a/docs/src/pages/index.astro b/docs/src/pages/index.astro
index 2b0fd5d59..7b16ea1a0 100644
--- a/docs/src/pages/index.astro
+++ b/docs/src/pages/index.astro
@@ -2,7 +2,7 @@
 import Layout from '../layouts/Main.astro';
 ---
 
-<Layout centered content={{ title: 'Astro Documentation' }}>
+<Layout centered>
   <h1>
     <code style="white-space: nowrap;">npm init astro</code>
   </h1>
