diff --git a/sidebars.js b/sidebars.js
index f9e4fabe1..f5ba0215e 100644
--- a/sidebars.js
+++ b/sidebars.js
@@ -4,6 +4,7 @@ const { appStore } = require("./sidebars/app-store");
 const { coreConcepts } = require("./sidebars/core-concepts");
 const { community } = require("./sidebars/community");
 const { selfHosting } = require("./sidebars/self-hosting");
+const { extending } = require("./sidebars/extending");
 
 const backToHome = {
   type: "ref",
@@ -105,11 +106,7 @@ module.exports = {
       dirName: "api-reference",
     },
   ],
-  extending: [
-    backToHome,
-    "developer/extending/overview",
-    { type: "autogenerated", dirName: "developer/extending/webhooks" },
-  ],
+  extending: [backToHome, ...extending],
   selfHosting: [backToHome, ...selfHosting],
   community: [backToHome, ...community],
   cloud: [
diff --git a/sidebars/extending.js b/sidebars/extending.js
new file mode 100644
index 000000000..476f2949b
--- /dev/null
+++ b/sidebars/extending.js
@@ -0,0 +1,23 @@
+import { title } from "./utils";
+
+export const extending = [
+  "developer/extending/overview",
+
+  title("Webhooks"),
+  "developer/extending/webhooks/overview",
+  "developer/extending/webhooks/creating",
+  "developer/extending/webhooks/subscription-webhook-payloads",
+  "developer/extending/webhooks/payload-signature",
+  "developer/extending/webhooks/asynchronous-events",
+
+  title("Synchronous events"),
+  "developer/extending/webhooks/synchronous-events/overview",
+  "developer/extending/webhooks/synchronous-events/payment",
+  "developer/extending/webhooks/synchronous-events/shipping",
+  "developer/extending/webhooks/synchronous-events/tax",
+  "developer/extending/webhooks/synchronous-events/transaction",
+  "developer/extending/webhooks/synchronous-events/stored-payment-method",
+
+  title("Security"),
+  "developer/extending/webhooks/ip-addresses",
+];