CI/CD Pipelines

Set up production-grade CI/CD for Next.js — GitHub Actions, automated testing, type checking, preview deployments, and zero-downtime production releases.

name: CI

on:
  push:
    branches: [main]
  pull_request:
    branches: [main]

jobs:
  quality:
    name: Type Check, Lint & Test
    runs-on: ubuntu-latest

    steps:
      - uses: actions/checkout@v4

      - name: Setup Node.js
        uses: actions/setup-node@v4
        with:
          node-version: '20'
          cache: 'npm'

      - name: Install dependencies
        run: npm ci

      - name: Type check
        run: npx tsc --noEmit

      - name: Lint
        run: npm run lint

      - name: Unit tests
        run: npm test -- --coverage
        env:
          DATABASE_URL: ${{ secrets.TEST_DATABASE_URL }}

      - name: Build
        run: npm run build
        env:
          DATABASE_URL: ${{ secrets.TEST_DATABASE_URL }}

  e2e:
    name: E2E Tests
    runs-on: ubuntu-latest
    needs: quality
    if: github.event_name == 'pull_request'

    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: '20'
          cache: 'npm'

      - name: Install dependencies
        run: npm ci

      - name: Install Playwright
        run: npx playwright install --with-deps chromium

      - name: Run E2E tests against preview URL
        run: npx playwright test
        env:
          # Vercel sets this for preview deployments
          BASE_URL: ${{ env.VERCEL_URL }}

A mature CI/CD pipeline is the foundation of sustainable engineering velocity. The goal is confidence to deploy — when all checks are green, any engineer should be able to merge and deploy without fear. Invest in CI/CD early; the cost of fixing production bugs without it is always higher.