diff --git a/docs/docusaurus.config.ts b/docs/docusaurus.config.ts
index 4a9d2184..f927ad56 100644
--- a/docs/docusaurus.config.ts
+++ b/docs/docusaurus.config.ts
@@ -132,6 +132,12 @@ const config: Config = {
           docId: 'examples/index',
           position: 'left',
         },
+        {
+          label: 'Tutorials',
+          type: 'doc',
+          docId: 'tutorials/live_updates',
+          position: 'left',
+        },
         { to: 'https://cocoindex.io/blogs/', label: 'Blog', position: 'left', target: '_self' },
         {
           type: 'html',
diff --git a/docs/sidebars.ts b/docs/sidebars.ts
index 09345938..54cbbca0 100644
--- a/docs/sidebars.ts
+++ b/docs/sidebars.ts
@@ -12,15 +12,6 @@ const sidebars: SidebarsConfig = {
         'getting_started/installation',
       ],
     },
-    {
-      type: 'category',
-      label: 'Tutorials',
-      collapsed: false,
-      items: [
-        'tutorials/live_updates',
-        'tutorials/manage_flow_dynamically',
-      ],
-    },
     {
       type: 'category',
       label: 'CocoIndex Core',
@@ -126,6 +117,19 @@ const sidebars: SidebarsConfig = {
       ],
     },
   ],
+  tutorials: [
+    {
+      type: 'category',
+      label: 'Tutorials',
+      collapsed: false,
+      items: [
+        {
+          type: 'autogenerated',
+          dirName: 'tutorials',
+        },
+      ],
+    },
+  ],
 };
 
 export default sidebars;