Build and deploy frontend on server #30
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Build and deploy frontend on server | |
| on: | |
| push: | |
| paths: | |
| - 'frontend/**' | |
| branches: | |
| - master | |
| workflow_dispatch: | |
| defaults: | |
| run: | |
| working-directory: frontend | |
| jobs: | |
| build: | |
| name: Build and Deploy | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Checkout Repo | |
| uses: actions/checkout@v2 # Updated to v2 for stability and features | |
| - name: Cache node modules | |
| uses: actions/cache@v2 | |
| with: | |
| path: node_modules | |
| key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }} | |
| restore-keys: | | |
| ${{ runner.os }}-node- | |
| - name: Install Dependencies | |
| if: steps.cache.outputs.cache-hit != 'true' | |
| run: npm install --legacy-peer-deps | |
| - name: Build | |
| run: npm run build | |
| - name: Set up Docker Buildx | |
| uses: docker/setup-buildx-action@v2 | |
| - name: Cache Docker layers | |
| uses: actions/cache@v2 | |
| with: | |
| path: /tmp/.buildx-cache | |
| key: ${{ runner.os }}-buildx-${{ github.sha }} | |
| restore-keys: | | |
| ${{ runner.os }}-buildx- | |
| - name: Build docker image | |
| uses: docker/build-push-action@v2 | |
| with: | |
| context: frontend/ | |
| push: false | |
| load: true | |
| tags: ghcr.io/marcindz88/jetlag/jetlag-frontend:latest | |
| platforms: linux/amd64 | |
| cache-from: type=local,src=/tmp/.buildx-cache | |
| cache-to: type=local,dest=/tmp/.buildx-cache-new,mode=max | |
| - name: Move cache | |
| run: | | |
| rm -rf /tmp/.buildx-cache | |
| mv /tmp/.buildx-cache-new /tmp/.buildx-cache | |
| - name: Push docker image to registry | |
| run: | | |
| echo "${{ secrets.GH_TOKEN }}" | docker login ghcr.io -u marcindz88 --password-stdin | |
| docker push ghcr.io/marcindz88/jetlag/jetlag-frontend:latest | |
| - name: Rollout restart image on the server | |
| run: | | |
| echo "${{ secrets.SERVER_SSH_KEY }}" > private.key | |
| chmod 400 private.key | |
| ssh -i private.key -o StrictHostKeyChecking=no root@${{ secrets.SERVER_IP }} "kubectl rollout restart deployment/jetlag-frontend -n jetlag" |