Vercel Deploy Integration

Overview

Deploy Vercel-powered applications to popular platforms with proper secrets management.

Prerequisites

• Vercel API keys for production environment
• Platform CLI installed (vercel, fly, or gcloud)
• Application code ready for deployment
• Environment variables documented

Vercel Deployment

Environment Setup

# Add Vercel secrets to Vercel
vercel secrets add vercel_api_key sk_live_***
vercel secrets add vercel_webhook_secret whsec_***

# Link to project
vercel link

# Deploy preview
vercel

# Deploy production
vercel --prod

vercel.json Configuration

{
  "env": {
    "VERCEL_API_KEY": "@vercel_api_key"
  },
  "functions": {
    "api/**/*.ts": {
      "maxDuration": 30
    }
  }
}

Fly.io Deployment

fly.toml

app = "my-vercel-app"
primary_region = "iad1"

[env]
  NODE_ENV = "production"

[http_service]
  internal_port = 3000
  force_https = true
  auto_stop_machines = true
  auto_start_machines = true

Secrets

# Set Vercel secrets
fly secrets set VERCEL_API_KEY=sk_live_***
fly secrets set VERCEL_WEBHOOK_SECRET=whsec_***

# Deploy
fly deploy

Google Cloud Run

Dockerfile

FROM node:20-slim
WORKDIR /app
COPY package*.json ./
RUN npm ci --only=production
COPY . .
CMD ["npm", "start"]

Deploy Script

#!/bin/bash
# deploy-cloud-run.sh

PROJECT_ID="${GOOGLE_CLOUD_PROJECT}"
SERVICE_NAME="vercel-service"
REGION="None"

# Build and push image
gcloud builds submit --tag gcr.io/$PROJECT_ID/$SERVICE_NAME

# Deploy to Cloud Run
gcloud run deploy $SERVICE_NAME \
  --image gcr.io/$PROJECT_ID/$SERVICE_NAME \
  --region $REGION \
  --platform managed \
  --allow-unauthenticated \
  --set-secrets=VERCEL_API_KEY=vercel-api-key:latest

Environment Configuration Pattern

// config/vercel.ts
interface VercelConfig {
  apiKey: string;
  environment: 'development' | 'staging' | 'production';
  webhookSecret?: string;
}

export function getVercelConfig(): VercelConfig {
  const env = process.env.NODE_ENV || 'development';

  return {
    apiKey: process.env.VERCEL_API_KEY!,
    environment: env as VercelConfig['environment'],
    webhookSecret: process.env.VERCEL_WEBHOOK_SECRET,
  };
}

Health Check Endpoint

// api/health.ts
export async function GET() {
  const vercelStatus = await checkVercelConnection();

  return Response.json({
    status: vercelStatus ? 'healthy' : 'degraded',
    services: {
      vercel: vercelStatus,
    },
    timestamp: new Date().toISOString(),
  });
}

Instructions

Step 1: Choose Deployment Platform

Select the platform that best fits your infrastructure needs and follow the platform-specific guide below.

Step 2: Configure Secrets

Store Vercel API keys securely using the platform's secrets management.

Step 3: Deploy Application

Use the platform CLI to deploy your application with Vercel integration.

Step 4: Verify Health

Test the health check endpoint to confirm Vercel connectivity.

Output

• Application deployed to production
• Vercel secrets securely configured
• Health check endpoint functional
• Environment-specific configuration in place

Error Handling

Issue	Cause	Solution
Secret not found	Missing configuration	Add secret via platform CLI
Deploy timeout	Large build	Increase build timeout
Health check fails	Wrong API key	Verify environment variable
Cold start issues	No warm-up	Configure minimum instances

Examples

Quick Deploy Script

#!/bin/bash
# Platform-agnostic deploy helper
case "$1" in
  vercel)
    vercel secrets add vercel_api_key "$VERCEL_API_KEY"
    vercel --prod
    ;;
  fly)
    fly secrets set VERCEL_API_KEY="$VERCEL_API_KEY"
    fly deploy
    ;;
esac

Resources

• Vercel Documentation
• Fly.io Documentation
• Cloud Run Documentation
• Vercel Deploy Guide

Next Steps

For webhook handling, see vercel-webhooks-events.