Attempt #7

package.json

@@ -1,5 +1,6 @@
 {
   "name": "me",
+  "hostpage": "https://macareonie.github.io/me",
   "private": true,
   "version": "0.0.0",
   "type": "module",

src/App.jsx

@@ -9,12 +9,12 @@ import Footer from "./components/footer/Footer";
 function App() {
   return (
     <div>
-      <Router>
+      <Router basename={"/"}>
         <NavBar />
         <Routes>
-          <Route exact path="/me/" element={<Home />} />
-          <Route exact path="/me/about" element={<About />} />
-          <Route exact path="/me/foodblog" element={<FoodBlog />} />
+          <Route exact path="/" element={<Home />} />
+          <Route exact path="/about" element={<About />} />
+          <Route exact path="/foodblog" element={<FoodBlog />} />
           <Route exact path="*" element={<div>Page Not Found</div>} />
         </Routes>
       </Router>

src/components/header/NavBar.jsx

@@ -10,9 +10,9 @@ import {
 import { Bars3Icon, BellIcon, XMarkIcon } from "@heroicons/react/24/outline";
 
 const navigation = [
-  { name: "Home", href: "/me/", current: true },
-  { name: "About Me", href: "/me/about", current: false },
-  { name: "Food Blog", href: "/me/foodblog", current: false },
+  { name: "Home", href: "/", current: true },
+  { name: "About Me", href: "/about", current: false },
+  { name: "Food Blog", href: "/foodblog", current: false },
 ];
 
 function classNames(...classes) {

vite.config.js

@@ -4,6 +4,5 @@ import react from "@vitejs/plugin-react";
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-  base: "/me/",
-  publicDir: "public",
+  base: "./",
 });