feat: implement yaml script to deploy react app

.github/workflows/deploy-react-app.yml

@@ -0,0 +1,37 @@
+name: Deploy React App
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Install Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build React app
+        run: npm run build
+
+      - name: Deploy to GitHub Pages
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          branch: gh-pages
+          folder: dist
+          clean: true
+          single-commit: true
+          token: ${{ secrets.GITHUB_TOKEN }}
+          commit-user-name: "github-actions[bot]"
+          commit-user-email: "github-actions[bot]@users.noreply.github.com"

index.html

@@ -13,7 +13,7 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link
       rel="canonical"
-      href="https://cv-application-0xabdulkhalid.vercel.app/"
+      href="https://0xabdulkhalid.github.io/cv-application/"
     />
     <title>CV Application</title>
   </head>

vite.config.js

@@ -4,4 +4,5 @@ import react from '@vitejs/plugin-react'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  base: '/cv-application/',
 })