Fix flashing 404 page on URL with trailing slash (#136)

Author: HalidOdat

docusaurus.config.ts

@@ -188,6 +188,22 @@ const config: Config = {
         },
       },
     ],
+    // This is a fix for the flashing 404 page on URLs with a trailing slash:
+    //
+    // See: https://github.com/facebook/docusaurus/issues/5077
+    [
+      "@docusaurus/plugin-client-redirects",
+      {
+        createRedirects(existingPath: string) {
+          if (!existingPath.endsWith("/")) {
+            return `${existingPath}/`;
+          }
+
+          // Return a falsy value: no redirect created
+          return undefined;
+        },
+      },
+    ]
   ],
 };
 

package-lock.json

@@ -50,7 +50,8 @@
     "@typescript-eslint/parser": "^6.21.0",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
-    "@docusaurus/eslint-plugin": "^3.1.1"
+    "@docusaurus/eslint-plugin": "^3.1.1",
+    "@docusaurus/plugin-client-redirects": "^3.1.1"
   },
   "browserslist": {
     "production": [
@@ -67,4 +68,4 @@
   "engines": {
     "node": ">=18.17"
   }
-}
+}