Create main.yml

Author: bodiwael

.github/workflows/main.yml

@@ -0,0 +1,51 @@
+name: Deploy Vite React App to GitHub Pages
+
+on:
+push:
+branches: ["main"]
+
+permissions:
+contents: read
+pages: write
+id-token: write
+
+jobs:
+build:
+runs-on: ubuntu-latest
+
+```
+steps:
+  - name: Checkout
+    uses: actions/checkout@v4
+
+  - name: Setup Node
+    uses: actions/setup-node@v4
+    with:
+      node-version: 20
+
+  - name: Install dependencies
+    run: npm install
+
+  - name: Build
+    run: npm run build
+
+  - name: Upload artifact
+    uses: actions/upload-pages-artifact@v3
+    with:
+      path: ./dist
+```
+
+deploy:
+needs: build
+runs-on: ubuntu-latest
+
+```
+environment:
+  name: github-pages
+  url: ${{ steps.deployment.outputs.page_url }}
+
+steps:
+  - name: Deploy to GitHub Pages
+    id: deployment
+    uses: actions/deploy-pages@v4
+```