Revert "revert gatby node changes and fix"

This reverts commit 4487b86.

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

Author: Rajesh-Nagarajan-11

gatsby-node.js

@@ -469,13 +469,30 @@ 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: page.fields.slug,
+      path: finalSlug,
       component: `${HandbookTemplate}?__contentFilePath=${page.internal.contentFilePath}`,
       context: {
-        slug: page.fields.slug,
+        slug: finalSlug,
       },
     });
+
+    // 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,19 +35,16 @@ const HandbookTOC = ({ pages, currentSlug }) => {
       </div>
       <div className="toc-list">
         <ul className={`toc-ul ${expand ? "toc-ul-open" : ""}`}>
-          {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>
-            );
-          })}
+          {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>
+          ))}
         </ul>
       </div>
     </TOCWrapper>