Deployments Cicd

Vercel Deployments & CI/CD

Expert guidance for Vercel deployment workflows — vercel deploy, vercel promote, vercel rollback, vercel inspect, vercel build, and CI/CD pipeline integration with GitHub Actions, GitLab CI, and Bitbucket Pipelines.

When to Use

Activate this skill when the user is:

• Deploying to Vercel (vercel, vercel deploy, vercel --prod)
• Promoting or rolling back deployments (vercel promote, vercel rollback)
• Inspecting deployments or viewing logs (vercel inspect, vercel ls, vercel logs)
• Building locally with vercel build or deploying prebuilt output (--prebuilt)
• Configuring CI/CD pipeline files (.github/workflows/*.yml, .gitlab-ci.yml, bitbucket-pipelines.yml)
• Editing vercel.json or apps/*/vercel.json
• Troubleshooting Vercel build errors or deployment failures
• Setting up OIDC federation for runtime backend access

Prerequisites

1. Vercel CLI installed globally or available via npx vercel:

   npm install -g vercel
   # Verify
   vercel --version
   

2. Vercel project linked — .vercel/project.json must exist in the project root. If missing, run:

   vercel link
   

3. CI secrets configured — VERCEL_TOKEN, VERCEL_ORG_ID, and VERCEL_PROJECT_ID set as CI provider secrets. Never commit these to source control.
4. Windows host (PowerShell) — All local commands below are PowerShell-compatible. Use npx vercel if you prefer not to install globally.

Procedure

1. Preview Deployment

# Deploy from project root (creates preview URL)
vercel

# Equivalent explicit form
vercel deploy

Preview deployments are created automatically for every push to a non-production branch when using Git integration. They provide a unique URL for testing.

2. Production Deployment

# Deploy directly to production
vercel --prod
vercel deploy --prod

# Force a new deployment (skip cache)
vercel --prod --force

3. Build Locally, Deploy Build Output

# Build locally (uses development env vars by default)
vercel build

# Build with production env vars
vercel build --prod

# Deploy only the build output (no remote build)
vercel deploy --prebuilt
vercel deploy --prebuilt --prod

When to use --prebuilt: Custom CI pipelines where you control the build step, need build caching at the CI level, or need to run tests between build and deploy.

4. Promote & Rollback

# Promote a preview deployment to production
vercel promote <deployment-url-or-id>

# Rollback to the previous production deployment
vercel rollback

# Rollback to a specific deployment
vercel rollback <deployment-url-or-id>

Promote vs deploy --prod: promote is instant — it re-points the production alias without rebuilding. Use it when a preview deployment has been validated and is ready for production.

5. Inspect Deployments

# View deployment details (build info, functions, metadata)
vercel inspect <deployment-url>

# List recent deployments
vercel ls

# View logs for a deployment
vercel logs <deployment-url>
vercel logs <deployment-url> --follow

6. CI/CD Integration — Required Environment Variables

Every CI pipeline needs these three variables:

VERCEL_TOKEN=<your-token>        # Personal or team token
VERCEL_ORG_ID=<org-id>           # From .vercel/project.json
VERCEL_PROJECT_ID=<project-id>   # From .vercel/project.json

Set these as secrets in your CI provider. Never commit them to source control.

7. GitHub Actions Workflow

name: Deploy to Vercel
on:
  push:
    branches: [main]

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4

      - name: Install Vercel CLI
        run: npm install -g vercel

      - name: Pull Vercel Environment
        run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}

      - name: Build
        run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}

      - name: Deploy
        run: vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}

8. GitLab CI

deploy:
  image: node:20
  stage: deploy
  script:
    - npm install -g vercel
    - vercel pull --yes --environment=production --token=$VERCEL_TOKEN
    - vercel build --prod --token=$VERCEL_TOKEN
    - vercel deploy --prebuilt --prod --token=$VERCEL_TOKEN
  only:
    - main

9. Bitbucket Pipelines

pipelines:
  branches:
    main:
      - step:
          name: Deploy to Vercel
          image: node:20
          script:
            - npm install -g vercel
            - vercel pull --yes --environment=production --token=$VERCEL_TOKEN
            - vercel build --prod --token=$VERCEL_TOKEN
            - vercel deploy --prebuilt --prod --token=$VERCEL_TOKEN

10. Preview Deployments on PRs (GitHub Actions)

on:
  pull_request:
    types: [opened, synchronize]

jobs:
  preview:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - run: npm install -g vercel
      - run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
      - run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
      - id: deploy
        run: echo "url=$(vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }})" >> $GITHUB_OUTPUT
      - name: Comment PR
        uses: actions/github-script@v7
        with:
          script: |
            github.rest.issues.createComment({
              issue_number: context.issue.number,
              owner: context.repo.owner,
              repo: context.repo.repo,
              body: `Preview: ${{ steps.deploy.outputs.url }}`
            })

11. Promote After Tests Pass (GitHub Actions)

jobs:
  deploy-preview:
    # ... deploy preview ...
    outputs:
      url: ${{ steps.deploy.outputs.url }}

  e2e-tests:
    needs: deploy-preview
    runs-on: ubuntu-latest
    steps:
      - run: npx playwright test --base-url=${{ needs.deploy-preview.outputs.url }}

  promote:
    needs: [deploy-preview, e2e-tests]
    runs-on: ubuntu-latest
    if: github.ref == 'refs/heads/main'
    steps:
      - run: npm install -g vercel
      - run: vercel promote ${{ needs.deploy-preview.outputs.url }} --token=${{ secrets.VERCEL_TOKEN }}

12. OIDC Federation (Secure Backend Access)

Vercel OIDC federation is for secure backend access — letting your deployed Vercel functions authenticate with third-party services (AWS, GCP, HashiCorp Vault) without storing long-lived secrets. It does not replace VERCEL_TOKEN for CLI deployments.

What OIDC does: Your Vercel function requests a short-lived OIDC token from Vercel at runtime, then exchanges it with an external provider's STS/token endpoint for scoped credentials.

What OIDC does not do: Authenticate the Vercel CLI in CI pipelines. All vercel pull, vercel build, and vercel deploy commands still require --token=${{ secrets.VERCEL_TOKEN }}.

When to use OIDC:

• Serverless functions that need to call AWS APIs (S3, DynamoDB, SQS)
• Functions authenticating to GCP services via Workload Identity Federation
• Any runtime service-to-service auth where you want to avoid storing static secrets in Vercel env vars

13. Global CLI Flags for CI

Deployment Strategy Matrix

Best Practices

1. Always use --prebuilt in CI — separates build from deploy, enables build caching and test gates
2. Use vercel pull before build — ensures correct env vars and project settings
3. Prefer promote over re-deploy — instant, no rebuild, same artifact
4. Use OIDC federation for runtime backend access — lets Vercel functions auth to AWS/GCP without static secrets (does not replace VERCEL_TOKEN for CLI)
5. Pin the Vercel CLI version in CI — npm install -g vercel@latest can break unexpectedly
6. Add --yes flag in CI — prevents interactive prompts from hanging pipelines

Pitfalls

Common Build Errors

Critical Mistakes to Avoid

1. Committing VERCEL_TOKEN to source control — always use CI provider secrets. Rotate immediately if leaked.
2. Skipping vercel pull in CI — build will use stale or missing env vars, causing runtime failures.
3. Using vercel deploy --prod instead of vercel promote — redeploys unnecessarily when a validated preview already exists.
4. Confusing OIDC with CLI auth — OIDC is for runtime function-to-backend auth only. CLI commands always need --token.
5. Unpinned Vercel CLI in CI — npm install -g vercel without a version pin can introduce breaking changes mid-pipeline.
6. Missing --yes flag in CI — interactive prompts hang the pipeline indefinitely with no error.
7. Windows path issues — on PowerShell, use forward slashes or escaped backslashes in --cwd paths. Example: vercel --cwd ./apps/web not vercel --cwd apps\web.
8. Monorepo root misconfiguration — if vercel.json or project settings don't specify rootDirectory, the build may run from the wrong directory.

Verification

Verify Local Deployment

# Check CLI is installed and linked
vercel --version
vercel whoami

# Verify project is linked
Test-Path .vercel/project.json
# Should output: True

# Deploy a preview and verify status
vercel
vercel inspect <deployment-url>
# Status should show: READY

Verify CI Pipeline

# Dry-run: build locally with production env vars
vercel pull --yes --environment=production
vercel build --prod
# If build succeeds, CI build step will succeed

# Verify required secrets are set (GitHub Actions)
# Check: repo Settings → Secrets and variables → Actions
# Required: VERCEL_TOKEN, VERCEL_ORG_ID, VERCEL_PROJECT_ID

Verify Production Deployment

# Confirm production alias points to the correct deployment
vercel ls
# Look for the deployment marked as PRODUCTION

# Check logs for errors post-deploy
vercel logs <production-url> --level error --since 1h
# Clean output = no errors detected

# Verify rollback capability
vercel ls
# Note the previous production deployment URL for rollback

Deploy Summary Format

Present a structured deploy result block after every deployment:

## Deploy Result
- **URL**: <deployment-url>
- **Target**: production | preview
- **Status**: READY | ERROR | BUILDING | QUEUED
- **Commit**: <short-sha>
- **Framework**: <detected-framework>
- **Build Duration**: <duration>

If the deployment failed, append:

- **Error**: <summary of failure from logs>

For production deploys, also include:

### Post-Deploy Observability
- **Error scan**: <N errors found / clean> (scanned via vercel logs --level error --since 1h)
- **Drains**: <N configured / none>
- **Monitoring**: <active / gaps identified>

Deploy Next Steps

Based on the deployment outcome:

• Success (preview) → "Visit the preview URL to verify. When ready, run vercel promote <url> to promote to production."
• Success (production) → "Your production site is live. Run vercel ls to see the full project overview."
• Build error → "Check the build logs above. Common fixes: verify build script in package.json, check for missing env vars with vercel env ls, ensure dependencies are installed."
• Missing env vars → "Run vercel env pull to sync environment variables locally, or vercel env ls to review what's configured on Vercel."
• Monorepo issues → "Ensure the correct project root is configured in Vercel project settings. Check vercel.json for rootDirectory."
• Post-deploy errors detected → "Review errors above. Check vercel logs <url> --level error for details. If drains are configured, correlate with external monitoring."
• No monitoring configured → "Set up drains or install an error tracking integration before the next production deploy."

Official Documentation

• Deployments
• Vercel CLI
• GitHub Actions
• GitLab CI
• Bitbucket Pipelines
• OIDC Federation