Add GitHub Pages deployment workflow

Author: HxnDev

.github/workflows/deploy.yml

@@ -0,0 +1,30 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [ main ]
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v3
+
+      - name: Setup 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: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: dist
+          branch: gh-pages

vite.config.js

@@ -6,9 +6,7 @@ import path from 'path';
 export default defineConfig({
   plugins: [react()],
 
-  // Adjust base path according to your deployment needs
-  // Using '/' if deploying to a custom domain, or '/hxndev.github.io/' if deploying to a GitHub Pages project site
-  base: '/',  // Changed to root path for local development
+  base: '/',
 
   build: {
     outDir: 'dist',