diff --git a/docs/src/pages/docs/[...slug].astro b/docs/src/pages/docs/[...slug].astro
index e034dc3..f998743 100644
--- a/docs/src/pages/docs/[...slug].astro
+++ b/docs/src/pages/docs/[...slug].astro
@@ -1,14 +1,7 @@
 ---
 import BaseLayout from '../../layouts/BaseLayout.astro';
 import '../../styles/docs.css';
-
-const SECTION_CATEGORIES = [
-  { label: '', ids: ['home'] },
-  { label: 'Overview', ids: ['challenge', 'architecture'] },
-  { label: 'Develop', ids: ['getting-started', 'performance', 'ci-cd-pipeline'] },
-];
-
-const SECTION_ORDER = SECTION_CATEGORIES.flatMap(({ ids }) => ids);
+import { SECTION_CATEGORIES, SECTION_ORDER } from './sidebar.config';
 
 const SLUG_LABEL: Record<string, string> = {
   home: 'Home',
diff --git a/docs/src/pages/docs/sidebar.config.ts b/docs/src/pages/docs/sidebar.config.ts
new file mode 100644
index 0000000..c30b28b
--- /dev/null
+++ b/docs/src/pages/docs/sidebar.config.ts
@@ -0,0 +1,7 @@
+export const SECTION_CATEGORIES = [
+  { label: "", ids: ["home"] },
+  { label: "Overview", ids: ["challenge", "architecture"] },
+  { label: "Develop", ids: ["getting-started", "performance", "ci-cd-pipeline"] },
+] as const;
+
+export const SECTION_ORDER = SECTION_CATEGORIES.flatMap(({ ids }) => ids);