Next.js + Vercel + Playwright

1# Created by https://pipegrade.io2# Template: Next.js + Vercel + Playwright3# Edit at https://pipegrade.io/github-actions/nextjs-vercel-playwright4 5name: Next.js CI6on:7  # Run only when app or lockfile paths change so docs-only commits do not burn CI minutes.8  push:9    branches:10      - main11    paths:12      - app/**13      - components/**14      - package.json15      - package-lock.json16  pull_request:17    paths:18      - app/**19      - components/**20      - package.json21      - package-lock.json22 23permissions:24  # Default the GitHub token to read-only; grant write permissions only in deploy-specific steps.25  contents: read26 27concurrency:28  # Cancel older runs from the same branch or PR when a newer commit arrives.29  group: nextjs-${{ github.workflow }}-${{ github.ref }}30  cancel-in-progress: true31 32jobs:33  test:34    # Keep stuck jobs bounded instead of relying on GitHub's platform maximum.35    timeout-minutes: 2036    runs-on: ubuntu-latest37    steps:38      - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd39      - uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e40        with:41          node-version: 2242          # Cache npm packages by package-lock.json for faster warm installs.43          cache: npm44      - run: npm ci45      - run: npm run lint46      - run: npm test47      - run: npx playwright install --with-deps48      - run: npx playwright test49      - run: npm run build50      # No artifacts are uploaded by default. If you add traces or build outputs, set retention-days.51      - name: Deploy to Vercel52        if: github.ref == 'refs/heads/main'53        env:54          VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}55          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}56          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}57        run: npx vercel deploy --prod --token="$VERCEL_TOKEN"58      - name: Notify on failure59        if: failure()60        run: echo "Send a failure notification to your team channel."