Fix

HxnDev · HxnDev · commit 5a0e8970fdbf · 2025-03-11T22:28:21.000+01:00
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -21,7 +21,7 @@ jobs:
         run: npm ci
 
       - name: Build 🔧
-        run: npm run build
+        run: NODE_ENV=production npm run build
 
       - name: Create .nojekyll file 📄
         run: touch dist/.nojekyll
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/hxndev.github.io/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Hassan Shahzad | Portfolio</title>
     <!-- Script for handling client-side routing on GitHub Pages -->
@@ -24,6 +24,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/hxndev.github.io/src/main.jsx"></script>
+    <script type="module" src="/src/main.jsx"></script>
   </body>
 </html>
diff --git a/vite.config.js b/vite.config.js
@@ -2,12 +2,15 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import path from 'path';
 
+// Determine if we're in production mode (GitHub Pages deployment)
+const isProduction = process.env.NODE_ENV === 'production';
+
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
   
-  // For GitHub Pages deployment
-  base: '/hxndev.github.io/',  // Use your repository name
+  // Use different base paths for development and production
+  base: isProduction ? '/hxndev.github.io/' : '/',
   
   build: {
     outDir: 'dist',
@@ -45,8 +48,8 @@ export default defineConfig({
     include: ['react', 'react-dom', '@mantine/core', 'gsap'],
   },
   
-  // Ensure proper MIME types for JavaScript modules
-  esbuild: {
-    jsxInject: `import React from 'react'`,
-  },
+  // Remove the jsxInject configuration
+  // esbuild: {
+  //   jsxInject: `import React from 'react'`,
+  // },
 });
