diff --git a/website/src/App.tsx b/website/src/App.tsx
index 81ac68755..7ded94827 100644
--- a/website/src/App.tsx
+++ b/website/src/App.tsx
@@ -13,6 +13,8 @@ const Container = styled.div`
   min-height: 100vh;
 `;
 
+const BASENAME = process.env.NODE_ENV === 'development' ? '' : '/web-infra-QoS';
+
 const App = () => {
   const query = new URLSearchParams(window.location.search);
   const initialProductIndex =
@@ -32,7 +34,7 @@ const App = () => {
     window.history.replaceState(
       null,
       '',
-      `?product=${productIndex}&metrics=${menuIndex}`,
+      `${BASENAME}?product=${productIndex}&metrics=${menuIndex}`,
     );
   }, [productIndex, menuIndex]);
 
@@ -52,7 +54,7 @@ const App = () => {
   };
 
   return (
-    <Router>
+    <Router basename={BASENAME}>
       <Container>
         <NavBar />
         <SideMenu