Enhanced Docs Sidebar

docusaurus.config.ts

@@ -99,10 +99,10 @@ const config: Config = {
               value: `<div class="grid grid-cols-3 gap-4 w-xl">
                 <a class="border-r col-span-1" href="/courses/" style="color:black ; ">Tutorials</a>
                 <div class="grid grid-cols-4 col-span-2">
-                  <a href="/docs/category/sql/" class="nav__icons"> <img src="/icons/sql.svg" title="SQL" alt="SQL" /> </a>
-                  <a href="/docs/category/python/" class="nav__icons"> <img src="/icons/python.svg" title="Python" alt="Python" /> </a>
-                  <a href="/docs/category/GitHub/" class="nav__icons" > <img src="/icons/github.svg" title="GitHub" alt="GitHub" /> </a>
-                  <a href="/docs/category/nextjs/" class="nav__icons" > <img src="/icons/nextjs.svg" title="Nextjs" alt="Nextjs" /> </a>
+                  <a href="/docs/sql/intro-sql" class="nav__icons"> <img src="/icons/sql.svg" title="SQL" alt="SQL" /> </a>
+                  <a href="/docs/python/intro-python" class="nav__icons"> <img src="/icons/python.svg" title="Python" alt="Python" /> </a>
+                  <a href="/docs/GitHub/intro-github" class="nav__icons" > <img src="/icons/github.svg" title="GitHub" alt="GitHub" /> </a>
+                  <a href="/docs/Nextjs/intro-github" class="nav__icons" > <img src="/icons/nextjs.svg" title="Nextjs" alt="Nextjs" /> </a>
                 </div>
               </div>`,
             },

sidebars.ts

@@ -13,21 +13,133 @@ import type {SidebarsConfig} from '@docusaurus/plugin-content-docs';
  Create as many sidebars as you want.
  */
 const sidebars: SidebarsConfig = {
-  // By default, Docusaurus generates a sidebar from the docs folder structure
-  tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
-
-  // But you can create a sidebar manually
-  /*
+  // Custom manual sidebar configuration for complete control
   tutorialSidebar: [
-    'intro',
-    'hello',
     {
       type: 'category',
-      label: 'Tutorial',
-      items: ['tutorial-basics/create-a-document'],
+      label: '🐙 GitHub',
+      className: 'custom-sidebar-github',
+      items: [
+        'GitHub/intro-github',
+        {
+          type: 'category',
+          label: '⚙️ Setup Environment',
+          className: 'custom-sidebar-setup',
+          items: [
+            'GitHub/setup-environment/setup-environment',
+            'GitHub/setup-environment/setup-git-on-windows',
+            'GitHub/setup-environment/setup-git-on-mac',
+            'GitHub/setup-environment/git-commands',
+          ],
+        },
+        {
+          type: 'category',
+          label: '📚 GitHub Basics',
+          className: 'custom-sidebar-basics',
+          items: [
+            'GitHub/GitHub-basics/create-github-repo',
+            'GitHub/GitHub-basics/github-repo-command-line',
+            'GitHub/GitHub-basics/how-to-clone-repository',
+            'GitHub/GitHub-basics/how-to-fork',
+            'GitHub/GitHub-basics/firs-opensource-code',
+          ],
+        },
+        {
+          type: 'category',
+          label: '👨‍💼 Maintainer Guide',
+          className: 'custom-sidebar-maintainer',
+          items: [
+            'GitHub/Maintainer-guide/github-labels',
+            'GitHub/Maintainer-guide/milestone',
+            'GitHub/Maintainer-guide/github-project',
+            'GitHub/Maintainer-guide/enable-dicussion',
+          ],
+        },
+      ],
+    },
+    {
+      type: 'category',
+      label: '🐍 Python',
+      className: 'custom-sidebar-python',
+      items: [
+        'python/intro-python',
+        'python/setup-environment',
+        'python/python-syntax',
+        'python/python-variables',
+        'python/datatype-python',
+        'python/python-casting',
+        'python/python-string',
+        'python/python-operators',
+        'python/python-list',
+        'python/python-tuple',
+        'python/python-set',
+        'python/python-dictionaries',
+        'python/python-array',
+        'python/python-conditional-statements',
+      ],
+    },
+    {
+      type: 'category',
+      label: '🗄️ SQL',
+      className: 'custom-sidebar-sql',
+      items: [
+        'sql/intro-sql',
+        'sql/setup-environment',
+        {
+          type: 'category',
+          label: '📊 SQL Basics',
+          className: 'custom-sidebar-sql-basics',
+          items: [
+            'sql/SQL-basics/selecting-data',
+            'sql/SQL-basics/filtering-data',
+            'sql/SQL-basics/ordering-data',
+            'sql/SQL-basics/grouping-data',
+            'sql/SQL-basics/the-inequality-operator',
+          ],
+        },
+        {
+          type: 'category',
+          label: '🔄 Table Transformation',
+          className: 'custom-sidebar-sql-transform',
+          items: [
+            'sql/table-transformation/table-creation',
+            'sql/table-transformation/alter-table',
+            'sql/table-transformation/data-operations',
+            'sql/table-transformation/list-drop-table',
+          ],
+        },
+      ],
+    },
+    {
+      type: 'category',
+      label: '⚡ Next.js',
+      className: 'custom-sidebar-nextjs',
+      items: [
+        'Nextjs/intro-github',
+        'Nextjs/setup-environment',
+        'Nextjs/git-commands',
+      ],
+    },
+    {
+      type: 'category',
+      label: '🎓 Google Student Ambassador',
+      className: 'custom-sidebar-gsa',
+      items: [
+        'Google-Student-Ambassador/part-1-getting-started/gsa-part-1',
+        'Google-Student-Ambassador/part-2-application-process/gsa-part-2',
+        'Google-Student-Ambassador/part-3-eligibility/gsa-part-3',
+        'Google-Student-Ambassador/part-4-gemini-pro/gsa-part-4',
+      ],
+    },
+    {
+      type: 'category',
+      label: '🔧 Technical',
+      className: 'custom-sidebar-technical',
+      items: [
+        'Technical/intro-github',
+      ],
     },
   ],
-   */
 };
 
 export default sidebars;