Fix (MIME type issues for Github Pages)

Author: HxnDev

.github/workflows/deploy.yml

@@ -23,6 +23,9 @@ jobs:
       - name: Build 🔧
         run: npm run build
 
+      - name: Create .nojekyll file 📄
+        run: touch dist/.nojekyll
+
       - name: Deploy 🚀
         uses: JamesIves/github-pages-deploy-action@v4
         with:

.nojekyll

@@ -6,18 +6,28 @@ import path from 'path';
 export default defineConfig({
   plugins: [react()],
 
-  base: '/',
+  // For GitHub Pages deployment
+  base: '/hxndev.github.io/',  // Use your repository name
 
   build: {
     outDir: 'dist',
     sourcemap: true,
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          react: ['react', 'react-dom'],
+          mantine: ['@mantine/core', '@mantine/hooks'],
+        },
+      },
+    },
   },
 
   // Add alias for better imports
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),
     },
+    extensions: ['.js', '.jsx', '.json'],
   },
 
   // Public directory configuration
@@ -27,13 +37,16 @@ export default defineConfig({
   server: {
     port: 3000,
     open: true,
-    // Handles image request paths correctly
-    proxy: {
-      '/hxndev.github.io': {
-        target: 'http://localhost:3000',
-        changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/hxndev\.github\.io/, '')
-      }
-    }
-  }
+    host: true,
+  },
+  
+  // Optimize deps
+  optimizeDeps: {
+    include: ['react', 'react-dom', '@mantine/core', 'gsap'],
+  },
+  
+  // Ensure proper MIME types for JavaScript modules
+  esbuild: {
+    jsxInject: `import React from 'react'`,
+  },
 });