Enhance GitHub Actions workflow for demo deployment by adding GITHUB_PAGES environment variable and updating Vite configuration to support GitHub Pages base path. (#7)

Author: Eliav2

.github/workflows/deploy-demo.yml

@@ -24,6 +24,8 @@ jobs:
   # Build job
   build:
     runs-on: ubuntu-latest
+    env:
+      GITHUB_PAGES: "true"
     steps:
       - name: Checkout
         uses: actions/checkout@v4

demo/vite.config.ts

@@ -3,13 +3,13 @@ import react from "@vitejs/plugin-react";
 import vike from "vike/plugin";
 
 const isNetlify = process.env.NETLIFY === "true";
+const isGithubPages = process.env.GITHUB_PAGES === "true";
 
 export default defineConfig(() => {
   const appMode = process.env.VITE_APP_MODE || ("spa" as "spa" | "ssr");
   console.log(`VITE_APP_MODE is "${appMode}"`);
-  const isProduction = process.env.NODE_ENV === "production";
 
-  const base = isNetlify ? "/" : isProduction ? "/react-responsive-overflow-list/" : "/";
+  const base = isNetlify ? "/" : isGithubPages ? "/react-responsive-overflow-list/" : "/";
 
   const plugins = appMode === "spa" ? [react()] : [react(), vike()];
   return {