Guía de despliegue
Requisitos previos
- Node.js 20+
- Un proyecto de Supabase
- Una clave API de Lingo.dev
- Una cuenta de Vercel (para el despliegue)
- Una cuenta de GitHub (para CI/CD)
Paso 1: configuración de Supabase
- Crea un nuevo proyecto en supabase.com
- Ve al editor SQL
- Ejecuta el SQL de
lib/supabase.ts(la sección comentada al final) - Copia la URL de tu proyecto y las claves desde Configuración → API
Paso 2: variables de entorno
Crea .env.local con tus valores reales:
LINGODOTDEV_API_KEY=tu_clave
NEXT_PUBLIC_SUPABASE_URL=https://tu-proyecto.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=tu_clave_anon
SUPABASE_SERVICE_ROLE_KEY=tu_clave_servicio
NEXT_PUBLIC_APP_URL=https://tu-app.vercel.app
Paso 3: traducir la documentación
Ejecuta la CLI de Lingo para generar traducciones de toda la documentación:
npm run translate:docs
Esto crea documentos traducidos en docs/es/, docs/fr/, docs/de/, docs/ja/ y docs/zh/.
Paso 4: desplegar en Vercel
- Sube tu código a GitHub
- Ve a vercel.com e importa tu repositorio
- Añade todas las variables de entorno en el panel de Vercel
- Despliega
Paso 5: GitHub Actions (CI/CD)
- Ve a tu repositorio de GitHub → Configuración → Secrets and variables → Actions
- Añade el secreto:
LINGODOTDEV_API_KEY - El flujo de trabajo en
.github/workflows/translate-docs.ymltraducirá automáticamente los documentos en cada push
Paso 6: configurar Lingo MCP en Cursor
- Abre la configuración de Cursor → pestaña MCP
- Añade un nuevo servidor MCP:
- Nombre:
Lingo.dev - Comando:
npx - Args:
["-y", "lingo.dev", "mcp", "TU_CLAVE_API"]
- Nombre:
- Reinicia Cursor
- Verifica el indicador de estado verde
Lista de verificación de producción
- Tablas de Supabase creadas con RLS habilitado
- Todas las variables de entorno configuradas en Vercel
- Lingo Compiler compilando traducciones en el despliegue
- Documentación traducida mediante CLI
- Flujo de trabajo CI/CD probado
- MCP configurado en el entorno de desarrollo
- Datos de demostración generados para la presentación
- Las 5 herramientas de Lingo.dev verificadas y funcionando
Monitoreo
Después del despliegue, monitorea tu aplicación:
- Panel de Vercel — Registros de despliegue y analíticas
- Panel de Supabase — Monitoreo de base de datos y registros
- GitHub Actions — Estado del pipeline de CI/CD