feat: #42 CI/CD pipeline implementation for frontend of powerpayapp (#61

)

* feat(CI/CD): testing CI/CD pipeline for deployment of frontend
* feat(CI/CD): properly configured files for frontend deployment

.github/workflows/build-and-deploy-pwa.yaml

@@ -0,0 +1,47 @@
+name: Build and deploy frontend
+
+on:
+ push:
+ branches:
+ - main
+
+jobs:
+ # Build Job
+ build:
+ runs-on: ubuntu-latest
+ steps:
+ - name: Checkout Code
+ uses: actions/checkout@v3
+ - name: Install Node
+ uses: actions/setup-node@v3
+ with:
+ node-version: 20
+ - name: Install Dependencies
+ run: cd power-pay-frontend && npm ci
+
+ - name: Build Project
+ run: cd power-pay-frontend && npm run build-for-gh
+
+ - name: Upload artifact to enable deployment
+ uses: actions/upload-artifact@v3
+ with:
+ name: production-files
+ path: power-pay-frontend/dist
+
+ # Deploy Job
+ deploy:
+ # Add a dependency to the build job
+ needs: build
+ # Specify runner + deployment step
+ runs-on: ubuntu-latest
+ steps:
+ - name: Download artifact
+ uses: actions/download-artifact@v3
+ with:
+ name: production-files
+ path: power-pay-frontend
+ - name: Deploy to GitHub Pages
+ uses: peaceiris/actions-gh-pages@v3
+ with:
+ github_token: ${{ secrets.DEPLOYTOKEN }}
+ publish_dir: power-pay-frontend