Implementación en Vercel

fanáticos frontend —— deploy en borde nivel segundos

Implementar OpenClaw en Vercel, el patio de juegos del frontend

Si eres desarrollador frontend, probablemente conozcas Vercel —— la compañía detrás de Next.js, con git push se despliega automáticamente, la experiencia es realmente fluida.

admitamos: Vercel es perfecto para desplegar la Interfaz web y Gateway API, no es para despliegue completo de Agent. Las funciones Serverless tienen límite de tiempo, tareas largas de IA vencen. Frontend + API reverse proxy en Vercel es lo más simple.

¿Qué puede y no puede hacer Vercel?

⚠️ Las Serverless Functions de Vercel agota tiempo por defecto en 10 segundos (versión Pro 60 segundos), no es adecuada para ejecutar tareas de inferencia de IA que toman mucho tiempo. Si necesitas ejecutar un agente OpenClaw completo, elige plan VPS (AWS EC2, GCP etc.).

Escenarios adecuados para Vercel:

Despliegue del panel de control web de OpenClaw
actúa como API Gateway, redirige requests a servidores backend
Despliegue de documentación estática/aplicaciones ligeras y paneles de monitoreo

¿Vercel o VPS tradicional?

Vercel (Serverless)

despliegue automático con git push, olvídate de los servidores
red global de edges, acceso rápido
crédito gratuito suficiente para proyectos personales
no soporta tareas de larga duración
Para frontend + API ligero

VPS tradicional (EC2/GCP etc)

Silencioso sin ruido
Cinco pasos de despliegue sandbox
Necesita mantener el servidor
IP fija, perfecto para conexiones backend largas
Para despliegue completo de Agent

cuatro pasos despliegue

Hacer fork del repositorio

Abre DSM → Centro de paquetes → Busca "Container Manager" (DSM 7) o "Docker" (DSM 6), instala e inicia. Después de instalar el escritorio tendrá un nuevo icono.

Conecta a Vercel

ir a vercel.com Usar Docker para desplegar OpenClaw tiene tres ventajas:

Configura variables de entorno

En Vercel ve a Settings → Environment Variables y añade la configuración necesaria, como API Key, cadena de conexión de base de datos, etc. No guardes las claves en el código.

Despliegue en producción

Haz clic en Apps (CA) → Busca "openclaw" → Encuentra la plantilla de OpenClaw → Haz clic en Instalar. Si CA aún no la tiene, también puedes agregar manualmente un contenedor Docker. xxx.vercel.app tu dominio y ya puedes acceder. Cada vez que haces git push se redeploy automáticamente.

configuración de vercel.json

Crea en el directorio raíz del proyecto vercel.json, configura routing y parámetros de build:

vercel.json

{
  "version": 2,
  "builds": [
    {
      "src": "package.json",
      "use": "@vercel/next"
    }
  ],
  "routes": [
    {
      "src": "/api/(.*)",
      "dest": "/api/$1"
    },
    {
      "src": "/(.*)",
      "dest": "/$1"
    }
  ],
  "env": {
    "NODE_ENV": "production"
  }
}

Implementación de Vercel CLI

Si prefieres la línea de comandos, también puedes desplegar localmente con Vercel CLI:

Proceso de implementación de Vercel CLI

# Instalar Vercel CLI

Variables de entorno

En el Dashboard de Vercel ve a Settings → Environment Variables y añade:

Variables de entorno a configurar

# Requerido

⚠️ Configuración de variables de entorno

Crédito gratuito de Vercel

💡 El plan Hobby (gratuito) de Vercel es completamente suficiente para proyectos personales: 100GB de ancho de banda mensual, 100,000 invocaciones de Serverless diarias, HTTPS automático, dominio personalizado. Mientras no tengas tráfico especialmente grande, básicamente no cuesta nada.

limitaciones del plan gratuito:

La función Serverless agota tiempo en 10 segundos (versión Pro 60 segundos)
no soporta colaboración en equipo (necesita Pro)
Ultra-simple
límite de tamaño single deploy 250MB

¿Te ayudó este tutorial?