chore: enhance Next.js configuration for improved module resolution

- Update next.config.js to include explicit alias configurations for better compatibility in CI/CD environments.
- Ensure proper module resolution order by adjusting the modules array.
- Modify GitHub Actions workflow to prevent auto-injection of conflicting Next.js configurations, allowing for manual management.

Author: rsaz

.github/workflows/nextjs.yml

@@ -55,12 +55,8 @@ jobs:
           cache: ${{ steps.detect-package-manager.outputs.manager }}
       - name: Setup Pages
         uses: actions/configure-pages@v3
-        with:
-          # Automatically inject basePath in your Next.js configuration file and disable
-          # server side image optimization (https://nextjs.org/docs/api-reference/next/image#unoptimized).
-          #
-          # You may remove this line if you want to manage the configuration yourself.
-          static_site_generator: next
+        # Removed static_site_generator to prevent auto-injection of conflicting configs
+        # We manage our own Next.js configuration in next.config.js
       - name: Restore cache
         uses: actions/cache@v3
         with:

jsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@/components": ["./src/components"],
+      "@/data/*": ["./src/data/*"]
+    }
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", ".next", "out"]
+}

next.config.js

@@ -9,11 +9,23 @@ const nextConfig = {
   transpilePackages: ['@tabler/icons-react'],
 
   webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
-    // Fix for module resolution
+    // Enhanced module resolution for CI/CD environments
     config.resolve.fallback = {
       ...config.resolve.fallback,
       fs: false,
     }
+
+    // Explicit alias configuration for better CI compatibility
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      '@': require('path').resolve(__dirname, 'src'),
+      '@/components': require('path').resolve(__dirname, 'src/components'),
+      '@/data': require('path').resolve(__dirname, 'src/data'),
+    }
+
+    // Ensure proper module resolution order
+    config.resolve.modules = [require('path').resolve(__dirname, 'src'), 'node_modules']
+
     return config
   },
 }