refactor: switch from hash to browser routing

- Remove hash-based routing in favor of cleaner URLs - Add 404.html redirect for GitHub Pages client-side routing support - https://stackoverflow.com/questions/78738394/encountered-an-issue-deploying-my-website-vitereact-to-github-pages
ligsnf · Dec 23, 2024 · cd20d03 · cd20d03
1 parent bc65b20
commit cd20d03
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/public/404.html b/public/404.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Redirecting...</title>
+  <script>
+    window.location.href = '/monash-grades-calculator/';
+  </script>
+</head>
+<body>
+  Redirecting...
+</body>
+</html>
diff --git a/src/main.tsx b/src/main.tsx
@@ -1,16 +1,20 @@
 import { StrictMode } from 'react'
 import ReactDOM from 'react-dom/client'
 import './index.css'
-import { RouterProvider, createRouter } from '@tanstack/react-router'
+import { RouterProvider, createRouter, createBrowserHistory } from '@tanstack/react-router'
 import { ThemeProvider } from "@/components/theme/theme-provider"
 
 // Import the generated route tree
 import { routeTree } from './routeTree.gen'
 
+// Create browser history
+const browserHistory = createBrowserHistory()
+
 // Create a new router instance
 const router = createRouter({ 
     routeTree,
     basepath: "/monash-grades-calculator/",
+    history: browserHistory,
 })
 
 // Register the router instance for type safety