Add postbuild script to fix asset paths

Author: vaqm2

.github/workflows/deploy.yml

@@ -22,12 +22,9 @@ jobs:
           npm ci
           npm run build
 
-      - name: Rename _next directory
-        run: mv build/_next build/static-assets # Rename _next to static-assets
-
       - name: Deploy 🚀
         uses: JamesIves/github-pages-deploy-action@v4
         with:
           branch: gh-pages
-          folder: build
-          token: ${{ secrets.GITHUB_TOKEN }}
+          folder: out
+          token: ${{ secrets.GITHUB_TOKEN }}

next.config.mjs

@@ -1,12 +1,11 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: 'export',
-  distDir: 'build',
   basePath: '',
-  assetPrefix: 'https://vaqm2.github.io/static-assets/',
+  assetPrefix: '',
   images: {
     unoptimized: true,
   },
 };
 
-export default nextConfig;
+export default nextConfig;

package.json

@@ -6,7 +6,9 @@
     "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+        "lint": "next lint",
+    "postbuild": "node scripts/fix-paths.js"
+  },,
     "deploy": "gh-pages -d out"
   },
   "dependencies": {

scripts/fix-paths.js

@@ -0,0 +1,21 @@
+const fs = require('fs');
+const path = require('path');
+
+const buildDir = path.join(process.cwd(), 'out');
+
+function fixPaths(dir) {
+  fs.readdirSync(dir).forEach(file => {
+    const filePath = path.join(dir, file);
+    if (fs.statSync(filePath).isDirectory()) {
+      fixPaths(filePath);
+    } else if (filePath.endsWith('.html')) {
+      let content = fs.readFileSync(filePath, 'utf8');
+      content = content.replace(/_next\/static\/css/g, 'static/css');
+      content = content.replace(/_next\/static\/media/g, 'static/media');
+      fs.writeFileSync(filePath, content);
+    }
+  });
+}
+
+fixPaths(buildDir);
+console.log('Fixed asset paths in HTML files.');