Update build and deploy pipeline (#1)

- Updated build and deploy pipeline to consists of two jobs. - Updated dependencies.

Author: 6ar8nas

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

@@ -1,37 +1,64 @@
-name: Publish contents to GitHub pages.
+name: Build and deploy contents to Pages
 
 on:
  push:
  branches: ['main']
+ pull_request:
  workflow_dispatch:
 
 permissions:
  contents: write
 
-concurrency:
- group: 'pages'
- cancel-in-progress: true
-
 jobs:
- build-and-deploy:
+ build:
+ name: Build
  runs-on: ubuntu-latest
 
  steps:
- - name: Checkout
- uses: actions/checkout@v4
+ - uses: actions/checkout@v4
+
+ - name: Setup pnpm
+ uses: pnpm/action-setup@v2
+ with:
+ version: 8
 
  - name: Use Node 18.x
  uses: actions/setup-node@v3
  with:
  node-version: 18
- cache: 'npm'
+ cache: 'pnpm'
 
  - name: Install and build
  run: |
- npm install
- npm run build
+ pnpm install
+ pnpm lint
+ pnpm build
+
+ - name: Upload deployment build files
+ uses: actions/upload-artifact@v3
+ with:
+ name: deployment-files
+ path: ./dist
+
+ deploy:
+ name: Deploy
+ needs: build
+ runs-on: ubuntu-latest
+ if: github.ref == 'refs/heads/main'
+ concurrency:
+ group: ${{ github.workflow }}-${{ github.ref }}
+ cancel-in-progress: true
+
+ steps:
+ - uses: actions/checkout@v4
+
+ - name: Download artifact
+ uses: actions/download-artifact@v3
+ with:
+ name: deployment-files
+ path: ./dist
 
- - name: Host static page in gh-pages
+ - name: Host in GitHub Pages
  uses: JamesIves/github-pages-deploy-action@v4
  with:
  branch: gh-pages

package.json

@@ -15,17 +15,17 @@
  "react-dom": "^18.2.0"
  },
  "devDependencies": {
- "@types/react": "^18.2.39",
+ "@types/react": "^18.2.41",
  "@types/react-dom": "^18.2.17",
  "@typescript-eslint/eslint-plugin": "^6.13.1",
  "@typescript-eslint/parser": "^6.13.1",
  "@vitejs/plugin-react-swc": "^3.5.0",
- "eslint": "^8.54.0",
- "eslint-config-prettier": "^9.0.0",
+ "eslint": "^8.55.0",
+ "eslint-config-prettier": "^9.1.0",
  "eslint-plugin-prettier": "^5.0.1",
  "eslint-plugin-react": "^7.33.2",
  "eslint-plugin-react-hooks": "^4.6.0",
- "eslint-plugin-react-refresh": "^0.4.4",
+ "eslint-plugin-react-refresh": "^0.4.5",
  "prettier": "^3.1.0",
  "sass": "^1.69.5",
  "typescript": "^5.3.2",