revert gatby node changes and fix

Signed-off-by: Rajesh-Nagarajan-11 <rajeshnagarajan36@gmail.com>

Author: Rajesh-Nagarajan-11

gatsby-node.js

@@ -469,30 +469,13 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   }
 
   handbook.forEach((page) => {
-    let finalSlug = page.fields.slug;
-    // Strip `.html` for production builds so client-side router matches clean paths
-    if (process.env.NODE_ENV === "production") {
-      finalSlug = finalSlug.replace(/\.html$/, "");
-    }
-
     envCreatePage({
-      path: finalSlug,
+      path: page.fields.slug,
       component: `${HandbookTemplate}?__contentFilePath=${page.internal.contentFilePath}`,
       context: {
-        slug: finalSlug,
+        slug: page.fields.slug,
       },
     });
-
-    // If the source slug contained .html, create a redirect so .html URLs still resolve
-    if (finalSlug !== page.fields.slug) {
-      createRedirect({
-        fromPath: page.fields.slug,
-        toPath: finalSlug,
-        isPermanent: true,
-        redirectInBrowser: true,
-        force: true,
-      });
-    }
   });
 
 

src/sections/Community/Handbook/handbook-single/HandbookTOC.js

@@ -35,16 +35,19 @@ const HandbookTOC = ({ pages, currentSlug }) => {
       </div>
       <div className="toc-list">
         <ul className={`toc-ul ${expand ? "toc-ul-open" : ""}`}>
-          {pages.map((page, index) => (
-            <li key={index}>
-              <Link
-                to={page.fields.slug}
-                className={`toc-sub-heading toc-sub-inline${page.fields.slug === currentSlug ? " active" : ""}`}
-              >
-                {page.frontmatter.title}
-              </Link>
-            </li>
-          ))}
+          {pages.map((page, index) => {
+            const slug = `${page.fields.slug}.html`;
+            return (
+              <li key={index}>
+                <Link
+                  to={slug}
+                  className={`toc-sub-heading toc-sub-inline${page.fields.slug === currentSlug ? " active" : ""}`}
+                >
+                  {page.frontmatter.title}
+                </Link>
+              </li>
+            );
+          })}
         </ul>
       </div>
     </TOCWrapper>