Github Workflows Added

HxnDev · HxnDev · commit 36bda7521705 · 2025-03-12T11:47:36.000+01:00
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,50 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [ main ]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 19
+          cache: 'npm'
+          
+      - name: Install dependencies
+        run: npm ci
+        
+      - name: Build
+        run: npm run build
+        
+      - name: Setup Pages
+        uses: actions/configure-pages@v3
+        
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          path: './dist'
+          
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v2
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/hxndev.github.io/favicon.ico" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Hassan Shahzad | Portfolio</title>
   </head>
diff --git a/src/components/utils/paths.jsx b/src/components/utils/paths.jsx
@@ -1,50 +1,38 @@
-/**
- * Central path utility for consistent path management throughout the app
- */
-
-// Base path configuration - edit this value to change path prefix globally
-const BASE_PATH = '/hxndev.github.io';
+// Detect if we're in production or development
+const isProd = import.meta.env.PROD;
 
-/**
- * Get the application base path
- * @returns {string} The base path for the application
- */
-export const getBasePath = () => {
-  return BASE_PATH;
-};
+// Base path should be empty for username.github.io repos
+export const BASE_PATH = '';
 
 /**
- * Resolve a path using the application base path
- * @param {string} path - The path to resolve (should start with '/')
- * @returns {string} - The resolved path
+ * Resolves a path based on environment
  */
-export const resolvePath = (path) => {
+export function resolvePath(path) {
   // If already has the base path or is an external URL, return as is
-  if (path.startsWith(BASE_PATH) || path.startsWith('http')) {
+  if (path.startsWith('http')) {
     return path;
   }
   
   // Ensure path starts with slash
   const normalizedPath = path.startsWith('/') ? path : `/${path}`;
   
-  // Combine base path with provided path
+  // In production (GitHub Pages), use the base path
+  // In development, use paths as is
   return `${BASE_PATH}${normalizedPath}`;
-};
+}
 
 /**
- * Resolve an asset path
- * @param {string} path - The asset path
- * @returns {string} - The resolved asset path
+ * Resolves an asset path
  */
-export const resolveAssetPath = (path) => {
-  // Handle external URLs and absolute URLs differently
+export function resolveAssetPath(path) {
+  // Handle external URLs
   if (path.startsWith('http')) {
     return path;
   }
   
   // Remove leading slash if present
   const normalizedPath = path.startsWith('/') ? path.substring(1) : path;
   
-  // Combine base path with asset path
+  // In production, assets are at the root
   return `${BASE_PATH}/${normalizedPath}`;
-};
+}
diff --git a/vite.config.js b/vite.config.js
@@ -5,8 +5,8 @@ import path from 'path';
 export default defineConfig({
   plugins: [react()],
   
-  // Match the base path used in your path utility
-  base: '/hxndev.github.io/',
+  // For username.github.io repos, the base URL should be '/' in production
+  base: '/',
   
   build: {
     outDir: 'dist',
