fix: make basePath configurable via NEXT_PUBLIC_BASE_PATH env var

Enables platform-agnostic deployment — GitHub Pages sets the env var
in CI, while Vercel/Netlify/local dev default to root path.
This commit is contained in:
tiennm99 committed 2026-04-04 12:24:39 +07:00
1 parent dc7603459f
commit a130dd191b
3 files changed
+5 -2

No files matched your search

+2
View File
@@ -28,6 +28,8 @@ jobs:
- run: npm ci - run: npm ci
- run: npm run build - run: npm run build
env:
NEXT_PUBLIC_BASE_PATH: /loldle
- uses: actions/upload-pages-artifact@v3 - uses: actions/upload-pages-artifact@v3
with: with:
+2 -1
View File
@@ -9,7 +9,8 @@ export async function loadChampions() {
if (loadPromise) return loadPromise; if (loadPromise) return loadPromise;
loadPromise = (async () => { 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) { if (!response.ok) {
loadPromise = null; loadPromise = null;
throw new Error(`Failed to load champions: ${response.status}`); throw new Error(`Failed to load champions: ${response.status}`);
+1 -1
View File
@@ -1,7 +1,7 @@
/** @type {import('next').NextConfig} */ /** @type {import('next').NextConfig} */
const nextConfig = { const nextConfig = {
output: "export", output: "export",
basePath: "/loldle", basePath: process.env.NEXT_PUBLIC_BASE_PATH || "",
images: { images: {
unoptimized: true, unoptimized: true,
}, },