From 12dfa10ba195c5cf0cd989ab4976293bfb684ccd Mon Sep 17 00:00:00 2001
From: Nnenna Ndukwe <nnenna.s.ndukwe@gmail.com>
Date: Wed, 24 Jan 2024 09:48:39 -0500
Subject: [PATCH] shorter nav names while maintaining SEO titles

---
 .../feature-flag-tutorials/react/examples.md  |  2 --
 website/sidebars.js                           | 22 ++++++++++++++-----
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/website/docs/feature-flag-tutorials/react/examples.md b/website/docs/feature-flag-tutorials/react/examples.md
index 9be03d87673..1d429782e6a 100644
--- a/website/docs/feature-flag-tutorials/react/examples.md
+++ b/website/docs/feature-flag-tutorials/react/examples.md
@@ -3,8 +3,6 @@ title: React Feature Flag Examples
 slug: /feature-flag-tutorials/react/examples
 ---
 
-# React Feature Flag Examples
-
 In our [React tutorial](/feature-flag-tutorials/react), we implemented a simple on/off feature flag that could be turned on and off. In the real world, many feature flag use cases have more nuance than this. This document will walk you through some common examples of using feature flags in React with some of those more advanced use cases in mind. 
 
 Applications evolve, and teams must manage all aspects of this evolution, including the flags used to control the application. We built multiple features into Unleash to address the complexities of releasing code and managing feature flags along the way:
diff --git a/website/sidebars.js b/website/sidebars.js
index 1e306e8f422..3874bd86c38 100644
--- a/website/sidebars.js
+++ b/website/sidebars.js
@@ -94,26 +94,38 @@ module.exports = {
             items: [
                 {
                     type: 'category',
-                    label: 'How to Implement Feature Feature Flags in React',
+                    label: 'React',
                     link: {
                         type: 'doc',
                         id: 'feature-flag-tutorials/react/implementing-feature-flags',
                     },
                     items: [
-                        'feature-flag-tutorials/react/examples',
+                        {
+                            type: 'doc',
+                            label: 'Examples',
+                            id: 'feature-flag-tutorials/react/examples',
+                        },
                     ],
                 },
                 {
                     type: 'category',
-                    label: 'How to Implement Feature Flags in Python',
+                    label: 'Python',
                     link: {
                         type: 'doc',
                         id: 'feature-flag-tutorials/python/implementing-feature-flags',
                     },
                     items: [],
                 },
-                'feature-flag-tutorials/flutter/a-b-testing',
-                'feature-flag-tutorials/nextjs/implementing-feature-flags',
+                {
+                    type: 'doc',
+                    label: 'Flutter',
+                    id: 'feature-flag-tutorials/flutter/a-b-testing',
+                },
+                {
+                    type: 'doc',
+                    label: 'Next.js',
+                    id: 'feature-flag-tutorials/nextjs/implementing-feature-flags',
+                },
             ],
         },
         {