different deployment strategy

.github/workflows/onpush.yml

@@ -2,14 +2,24 @@ name: Build and Deploy to GitHub Pages
 
 on: push
 
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
 jobs:
-  build:
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
     runs-on: ubuntu-latest
-
     steps:
     - name: Checkout repository
       uses: actions/checkout@v2
 
+    - name: Setup Pages
+      uses: actions/configure-pages@v3
+
     - name: Set up Node.js
       uses: actions/setup-node@v4
       with:
@@ -20,10 +30,11 @@ jobs:
 
     - name: Test project
       run: npm test
-
-    - name: Deploy to GitHub Pages
-      uses: JamesIves/github-pages-deploy-action@releases/v3
+    
+    - name: Upload artifact
+      uses: actions/upload-pages-artifact@v1
       with:
-        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        branch: gh-pages
-        folder: dist
+        path: 'dist'
+    - name: Deploy to GitHub Pages
+      id: deployment
+      uses: actions/deploy-pages@v2