chore: configure GitHub Pages deployment with asset prefix

- Add ASSET_PREFIX environment variable to GitHub Actions workflow
- Configure assetPrefix in next.config.js for proper static asset loading
- Ensure CSS and assets load correctly on GitHub Pages subdirectory

Author: laveshparyani

.github/workflows/deploy.yml

@@ -76,6 +76,9 @@ jobs:
       - name: Build with Next.js
         run: ${{ steps.detect-package-manager.outputs.runner }} next build
         working-directory: ./apps/web
+        env:
+          NODE_ENV: production
+          ASSET_PREFIX: /RestroFX/
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3

apps/web/next.config.js

@@ -5,7 +5,10 @@ const nextConfig = {
   // basePath will be auto-injected by GitHub Actions configure-pages action
   // Don't set it here to allow the action to inject it correctly
   trailingSlash: true,
-  // assetPrefix will be automatically set to match basePath by Next.js
+  // assetPrefix is required for CSS and other static assets to load correctly on GitHub Pages
+  // It must match the basePath (with trailing slash)
+  // Use environment variable if set, otherwise default to /RestroFX/ for production builds
+  assetPrefix: process.env.ASSET_PREFIX || (process.env.NODE_ENV === 'production' ? '/RestroFX/' : ''),
   transpilePackages: ["@crimsonfx/ui", "@crimsonfx/utils", "@crimsonfx/types"],
   images: {
     unoptimized: true,