diff --git a/pages/docs/index.md b/pages/docs/index.md
index 5568faa..bebadcc 100644
--- a/pages/docs/index.md
+++ b/pages/docs/index.md
@@ -1,3 +1,11 @@
+---
+authors: moshams272
+---
+
 # Documentation
 
-STUB
+These pages provide technical details on webpack's API.
+
+- [Webpack](/docs/api/v5.x) — Explore the webpack's core configuration, CLI commands, and APIs.
+- [Loaders](/docs/loaders) — Discover third-party loaders to process CSS, TypeScript, images, and other file types.
+- [Plugins](/docs/plugins) — Browse community plugins to extend webpack for build optimization, asset management, and more.
diff --git a/pages/site.mjs b/pages/site.mjs
index 605276a..1becb6c 100644
--- a/pages/site.mjs
+++ b/pages/site.mjs
@@ -33,10 +33,10 @@ export const sidebar = {
             link: `/docs/api/v${major(v)}.x`,
           })),
         },
+        ...loaders.sidebar,
+        ...plugins.sidebar,
       ],
     },
-    ...loaders.sidebar,
-    ...plugins.sidebar,
   ],
   guides: guides.sidebar,
 };
diff --git a/scripts/markdown/readmes.mjs b/scripts/markdown/readmes.mjs
index b374989..8a29aeb 100644
--- a/scripts/markdown/readmes.mjs
+++ b/scripts/markdown/readmes.mjs
@@ -70,11 +70,17 @@ const processRepos = async (repos, { label, basePath, outputDir }) => {
   const siteJson = {
     sidebar: [
       {
-        groupName: label,
-        items: fetched.map(name => ({
-          link: `${basePath}/${name}`,
-          label: name.replace(/-(?:webpack-)?(?:loader|plugin)$/, ''),
-        })),
+        label: label,
+        items: [
+          {
+            link: basePath,
+            label: 'Overview',
+          },
+          ...fetched.map(name => ({
+            link: `${basePath}/${name}`,
+            label: name.replace(/-(?:webpack-)?(?:loader|plugin)$/, ''),
+          })),
+        ],
       },
     ],
   };