diff --git a/frontend/next.config.mjs b/frontend/next.config.mjs
index a8dc140e..96d5758f 100644
--- a/frontend/next.config.mjs
+++ b/frontend/next.config.mjs
@@ -14,7 +14,12 @@ const nextConfig = {
     ],
   },
 
+  env: {
+    BASE_PATH: "/ProxmoxVE",
+  },
+
   output: "export",
+  basePath: process.env.BASE_PATH,
 };
 
 export default nextConfig;
diff --git a/frontend/src/config/siteConfig.tsx b/frontend/src/config/siteConfig.tsx
index 947e8dc7..d32952c9 100644
--- a/frontend/src/config/siteConfig.tsx
+++ b/frontend/src/config/siteConfig.tsx
@@ -1,7 +1,7 @@
 import { MessagesSquare, Scroll } from "lucide-react";
 import { FaGithub } from "react-icons/fa";
 
-export const basePath = "ProxmoxVE"; 
+export const basePath = process.env.BASE_PATH; 
 
 export const navbarLinks = [
   {