Vercel CI Integration

Overview

Set up CI/CD pipelines for Vercel integrations with automated testing.

Prerequisites

• GitHub repository with Actions enabled
• Vercel test API key
• npm/pnpm project configured

Instructions

Step 1: Create GitHub Actions Workflow

Create .github/workflows/vercel-integration.yml:

name: Vercel Integration Tests

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

env:
  VERCEL_API_KEY: ${{ secrets.VERCEL_API_KEY }}

jobs:
  test:
    runs-on: ubuntu-latest
    env:
      VERCEL_API_KEY: ${{ secrets.VERCEL_API_KEY }}
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: '20'
          cache: 'npm'
      - run: npm ci
      - run: npm test -- --coverage
      - run: npm run test:integration

Step 2: Configure Secrets

gh secret set VERCEL_API_KEY --body "sk_test_***"

Step 3: Add Integration Tests

describe('Vercel Integration', () => {
  it.skipIf(!process.env.VERCEL_API_KEY)('should connect', async () => {
    const client = getVercelClient();
    const result = await client.healthCheck();
    expect(result.status).toBe('ok');
  });
});

Output

• Automated test pipeline
• PR checks configured
• Coverage reports uploaded
• Release workflow ready

Error Handling

Issue	Cause	Solution
Secret not found	Missing configuration	Add secret via gh secret set
Tests timeout	Network issues	Increase timeout or mock
Auth failures	Invalid key	Check secret value

Examples

Release Workflow

on:
  push:
    tags: ['v*']

jobs:
  release:
    runs-on: ubuntu-latest
    env:
      VERCEL_API_KEY: ${{ secrets.VERCEL_API_KEY_PROD }}
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: '20'
      - run: npm ci
      - name: Verify Vercel production readiness
        run: npm run test:integration
      - run: npm run build
      - run: npm publish

Branch Protection

required_status_checks:
  - "test"
  - "vercel-integration"

Resources

• GitHub Actions Documentation
• Vercel CI Guide

Next Steps

For deployment patterns, see vercel-deploy-integration.