diff --git a/packages/docusaurus-plugin-debug/src/index.ts b/packages/docusaurus-plugin-debug/src/index.ts
index 1ca9d6f0e1..896f08698a 100644
--- a/packages/docusaurus-plugin-debug/src/index.ts
+++ b/packages/docusaurus-plugin-debug/src/index.ts
@@ -38,7 +38,7 @@ export default function pluginContentPages({
       // Home is config (duplicate for now)
       addRoute({
         path: normalizeUrl([baseUrl, '__docusaurus/debug']),
-        component: '@theme/DebugConfig',
+        component: '@theme/DebugHome',
         exact: true,
       });
 
diff --git a/packages/docusaurus-plugin-debug/src/theme/DebugHome/index.js b/packages/docusaurus-plugin-debug/src/theme/DebugHome/index.js
new file mode 100644
index 0000000000..f6cf99e3c2
--- /dev/null
+++ b/packages/docusaurus-plugin-debug/src/theme/DebugHome/index.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from 'react';
+
+import DebugLayout from '../DebugLayout';
+
+// import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+
+function DebugMetadata() {
+  return (
+    <DebugLayout>
+      <h2>Docusaurus Debug</h2>
+      <div>Config:</div>
+      <div>Metadata:</div>
+      <div>Registry:</div>
+      <div>Route:</div>
+      <div>Content:</div>
+    </DebugLayout>
+  );
+}
+
+export default DebugMetadata;
diff --git a/packages/docusaurus-plugin-debug/src/theme/DebugHome/styles.module.css b/packages/docusaurus-plugin-debug/src/theme/DebugHome/styles.module.css
new file mode 100644
index 0000000000..c1c552714e
--- /dev/null
+++ b/packages/docusaurus-plugin-debug/src/theme/DebugHome/styles.module.css
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
\ No newline at end of file
diff --git a/packages/docusaurus-plugin-debug/src/theme/DebugLayout/index.js b/packages/docusaurus-plugin-debug/src/theme/DebugLayout/index.js
index 25a601bfb0..4e6c970066 100644
--- a/packages/docusaurus-plugin-debug/src/theme/DebugLayout/index.js
+++ b/packages/docusaurus-plugin-debug/src/theme/DebugLayout/index.js
@@ -26,7 +26,8 @@ function DebugLayout({children}) {
   return (
     <div>
       <nav className={styles.nav}>
-        <DebugNavLink to="/__docusaurus/debug">Config</DebugNavLink>
+        <DebugNavLink to="/__docusaurus/debug">Home</DebugNavLink>
+        <DebugNavLink to="/__docusaurus/debug/config">Config</DebugNavLink>
         <DebugNavLink to="/__docusaurus/debug/metadata">Metadata</DebugNavLink>
         <DebugNavLink to="/__docusaurus/debug/registry">Registry</DebugNavLink>
         <DebugNavLink to="/__docusaurus/debug/routes">Routes</DebugNavLink>