diff --git a/web/.github/workflows/deploy.yml b/web/.github/workflows/deploy.yml
index 829680c..a33460b 100644
--- a/web/.github/workflows/deploy.yml
+++ b/web/.github/workflows/deploy.yml
@@ -28,6 +28,8 @@ jobs:
       - run: npm ci
 
       - run: npm run build
+        env:
+          NEXT_PUBLIC_BASE_PATH: /loldle
 
       - uses: actions/upload-pages-artifact@v3
         with:
diff --git a/web/lib/champion-data.js b/web/lib/champion-data.js
index 11bb9b4..a524bb8 100644
--- a/web/lib/champion-data.js
+++ b/web/lib/champion-data.js
@@ -9,7 +9,8 @@ export async function loadChampions() {
   if (loadPromise) return loadPromise;
 
   loadPromise = (async () => {
-    const response = await fetch(`/loldle/champions.json`);
+    const basePath = process.env.NEXT_PUBLIC_BASE_PATH || "";
+    const response = await fetch(`${basePath}/champions.json`);
     if (!response.ok) {
       loadPromise = null;
       throw new Error(`Failed to load champions: ${response.status}`);
diff --git a/web/next.config.mjs b/web/next.config.mjs
index 38e3208..5e38cca 100644
--- a/web/next.config.mjs
+++ b/web/next.config.mjs
@@ -1,7 +1,7 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "export",
-  basePath: "/loldle",
+  basePath: process.env.NEXT_PUBLIC_BASE_PATH || "",
   images: {
     unoptimized: true,
   },