another dirty trick

Author: jakubbalas

.github/workflows/nextjs.yml

@@ -74,12 +74,13 @@ jobs:
 
   # Deployment job
   deploy:
-#    environment:
-#      name: github-pages
-#      url: ${{ steps.deployment.outputs.page_url }}
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
     runs-on: ubuntu-latest
     needs: build
     steps:
+      - run: echo "$BASE_PATH this is the base path"
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v4

next.config.js

@@ -1,6 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "export",
-  // basePath: process.env.BASE_PATH,
+  basePath: process.env.BASE_PATH,
 };
 module.exports = nextConfig;

src/components/image.tsx

@@ -32,7 +32,7 @@ export const Image: React.FC<Props> = ({
 
   return (
     <img
-      src={`${process.env.BASE_PATH}${src}`}
+      src={`${process.env.BASE_PATH ? process.env.BASE_PATH : ""}${src}`}
       alt={alt}
       sx={{ width: finalWidth, height: finalHeight, objectFit }}
       className={className}