Lucidchart Deploy Integration

Overview

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

Prerequisites

• Lucidchart 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 Lucidchart secrets to Vercel
vercel secrets add lucidchart_api_key sk_live_***
vercel secrets add lucidchart_webhook_secret whsec_***

# Link to project
vercel link

# Deploy preview
vercel

# Deploy production
vercel --prod

vercel.json Configuration

{
  "env": {
    "LUCIDCHART_API_KEY": "@lucidchart_api_key"
  },
  "functions": {
    "api/**/*.ts": {
      "maxDuration": 30
    }
  }
}

Fly.io Deployment

fly.toml

app = "my-lucidchart-app"
primary_region = "iad"

[env]
  NODE_ENV = "production"

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

Secrets

# Set Lucidchart secrets
fly secrets set LUCIDCHART_API_KEY=sk_live_***
fly secrets set LUCIDCHART_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="lucidchart-service"
REGION="us-central1"

# 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=LUCIDCHART_API_KEY=lucidchart-api-key:latest

Environment Configuration Pattern

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

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

  return {
    apiKey: process.env.LUCIDCHART_API_KEY!,
    environment: env as LucidchartConfig['environment'],
    webhookSecret: process.env.LUCIDCHART_WEBHOOK_SECRET,
  };
}

Health Check Endpoint

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

  return Response.json({
    status: lucidchartStatus ? 'healthy' : 'degraded',
    services: {
      lucidchart: lucidchartStatus,
    },
    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 Lucidchart API keys securely using the platform's secrets management.

Step 3: Deploy Application

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

Step 4: Verify Health

Test the health check endpoint to confirm Lucidchart connectivity.

Output

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

Error Handling

Examples

Quick Deploy Script

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

Resources

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

Next Steps

For webhook handling, see lucidchart-webhooks-events.