Update deploy.yaml

Author: envsecure

.github/workflows/deploy.yaml

@@ -1,27 +1,72 @@
-name: Deploy React
-
+name: Deploy React to github pages
 on:
-  push:
-    branches: [main]
-
-permissions:
-  contents: write
-
+    push:
+        branches:
+            - main
+            - 'feature/**'
+        paths-ignore:
+            - '.github/workflows/*'  
+            - README.md  
+    workflow_dispatch:        
 jobs:
-  deploy:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 20
-
-      - run: npm install
-      - run: npm run build
-
-      - uses: peaceiris/actions-gh-pages@v4
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./dist
+    test:
+        runs-on: ubuntu-latest
+        steps:
+            - name: Get Code
+              uses: actions/checkout@v4
+            - name: Install Node 20
+              uses: actions/setup-node@v4
+              with: 
+                node-version: 20
+            - name: Cache Dependencies
+              uses: actions/cache@v4
+              with: 
+                path: ~/.npm
+                key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+            - name: Install Dependencies
+              run: npm ci 
+            - name: Run Tests
+              run: npm run test
+    build:  
+        needs: test
+        runs-on: ubuntu-latest   
+        steps:
+          - name: Get Code
+            uses: actions/checkout@v4
+          - name: Install Node 20
+            uses: actions/setup-node@v4
+            with: 
+              node-version: 20
+          - name: Cache Dependencies
+            uses: actions/cache@v4
+            with: 
+              path: ~/.npm
+              key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          - name: Install Dependencies
+            run: npm ci 
+          - name: Build Project
+            run: npm run build  
+          - name: Upload Dist Artifact
+            uses: actions/upload-pages-artifact@v3
+            with:
+                name: github-pages
+                path: dist
+    deploy:
+        needs: build
+        runs-on: ubuntu-latest   
+        # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
+        permissions:
+          pages: write      # to deploy to Pages
+          id-token: write   # to verify the deployment originates from an appropriate source
+    
+        # Deploy to the github-pages environment
+        environment:
+          name: github-pages
+          url: ${{ steps.deployment.outputs.page_url }}
+    
+        steps:
+          - name: Deploy to GitHub Pages
+            id: deployment
+            uses: actions/deploy-pages@v4 
+            with:
+                token: ${{secrets.GITHUB_TOKEN}}