Building and Deploying #50
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 Binq Static Web | |
| concurrency: | |
| group: production | |
| cancel-in-progress: true | |
| run-name: Building and Deploying | |
| on: | |
| push: | |
| pull_request: | |
| branches: | |
| - "dev" | |
| - "feature-**/" | |
| - "master" | |
| env: | |
| NODE_VERSION: 20.10.0 | |
| RUN_NUM: github.run_number | |
| jobs: | |
| job_1_build: | |
| name: Build and Upload Production Artifact | |
| runs-on: ubuntu-latest | |
| steps: | |
| - run: echo "Attempting to install required tools and build project" | |
| - uses: actions/checkout@v4 | |
| - name: "Use Node.js ${{ env.NODE_VERSION }}" | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: ${{ env.NODE_VERSION }} | |
| cache: npm | |
| - name: Install Dependencies and Build project | |
| run: | | |
| npm ci | |
| npx tailwindcss build -i ./src/input.css -o ./src/output.css --minify | |
| npm run build --f-present | |
| - name: Pre-upload Step for refresh scenario | |
| run: | |
| cd dist && cp index.html 404.html && cd .. | |
| - name: Upload Artifact | |
| uses: actions/upload-pages-artifact@v3 | |
| with: | |
| path: "./dist" | |
| - run: echo "🍏 Build and save artifact status is a ${{ job.status }} on ${{ github.ref }} branch" | |
| job_2_deploy: | |
| name: Deploy Website to GitHub Pages | |
| needs: job_1_build | |
| # Grant GITHUB_TOKEN permissions required to make pages deployment | |
| permissions: | |
| pages: write | |
| id-token: write | |
| if: github.ref == 'refs/heads/master' | |
| 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 | |
| with: | |
| token: ${{ secrets.GITHUB_TOKEN }} | |
| - name: Job status of deployment | |
| run: echo "🍏 Deploy to GitHub pages is a ${{ job.status }} to ${{ steps.deployment.outputs.page_url }}" |