(v2.1 – Octubre 2025)
⸻
⚡ FASE 1 / 2 — Arquitectura centrada en n8n (MVP rápido)
🎯 Objetivo: lanzar y validar con máxima velocidad y mínima complejidad técnica. n8n actúa como cerebro y motor de automatización; Supabase como base de datos y autenticación; Webflow y Wized como portal web.
⸻
🖥️ Capa Frontend
🌐 Webflow • Qué es: constructor visual sin código y CMS. • Por qué: permite a diseño crear el sitio de marketing y landing pages sin desarrolladores. • Beneficios: hosting rápido, SSL automático, diseño responsive. • Conexión: formularios pueden disparar webhooks hacia n8n para iniciar flujos (por ejemplo, leads o solicitudes).
⚙️ Wized • Qué es: capa que convierte Webflow en una app web dinámica. • Por qué: agrega login, CRUD, lógica condicional y conexión directa con Supabase. • Beneficios: crear dashboard para clientes o reclutadores sin programar un backend. • Ejemplo: mostrar shortlist, historial, contratos y pagos.
🛡️ Cloudflare • Qué es: red global que acelera y protege sitios web. • Por qué: • DNS: define hacia dónde apunta el dominio (más rápido que el DNS tradicional). • CDN (Content Delivery Network): copia archivos estáticos (imágenes, CSS, JS) en servidores de todo el mundo → el sitio carga más rápido desde cualquier país. • SSL: cifra todo el tráfico con HTTPS. • Firewall: protege de ataques o caídas. • Beneficio: velocidad global y seguridad empresarial sin costo alto.
⸻
⚙️ Backend y Flujos
🤖 n8n (Backend visual y automatización) • Qué es: motor de flujos visuales y lógica de negocio. • Por qué: permite automatizar sin escribir backend desde cero. • Ejemplos: • Cuando Stripe confirma un pago → generar contrato → notificar por Slack. • Cuando DocuSign marca firmado → activar desarrollador. • Cuando OpenAI entrega score → guardar en Supabase. • Ventajas: rápido de iterar, visible, conectable con APIs. • Concepto: n8n es el “cerebro digital” de la operación.
🗄️ Supabase (Base de datos + Autenticación) • Qué es: plataforma basada en PostgreSQL con API y login integrados. • Por qué: • Provee autenticación segura (email o redes). • Almacena todos los datos estructurados (clientes, devs, contratos, evaluaciones). • Tiene RLS (Row-Level Security) para aislar datos por usuario. • Ofrece REST API y Realtime API automáticas. • Beneficio: cero backend manual y control total sobre la seguridad.
📋 Airtable (Mini-ATS) • Qué es: hoja de cálculo avanzada usada por el equipo de reclutamiento. • Por qué: • Familiar y fácil de usar. • Permite columnas para etapa, cliente, feedback, etc. • n8n sincroniza datos con Supabase para mantener consistencia. • Beneficio: “front-office” operativo amigable para reclutadores.
⸻
💳 Pagos y Contratos
💰 Stripe • Qué es: plataforma de pagos global. • Por qué: permite cobrar suscripciones o servicios individuales con cumplimiento fiscal. • Integración: n8n recibe webhooks (payment_succeeded) y actualiza Supabase. • Beneficio: confiable, escalable y compatible con automatización.
📝 DocuSign • Qué es: servicio de firmas electrónicas legales. • Por qué: agiliza la firma de MSAs, SOWs y NDAs. • n8n envía y recibe estados (envelopeCompleted). • Beneficio: contratos trazables y conformes en cualquier país.
🌍 OnTop • Qué es: plataforma para pago a contratistas internacionales. • Por qué: • Genera facturas automáticas para desarrolladores. • Garantiza cumplimiento legal y fiscal. • Permite pagar múltiples devs con bajo costo. • Beneficio: reemplaza tareas manuales y reduce riesgo laboral.
⸻
🤝 Comunicación y Programación
💬 Slack • Qué es: chat corporativo y sistema de alertas. • Por qué: n8n puede enviar notificaciones (nuevo cliente, pago recibido, contrato firmado).
📧 Email (SMTP / SendGrid) • Qué es: sistema de envío automático de correos. • Por qué: notifica a clientes y candidatos (confirmaciones, recordatorios, alertas).
📅 Cal.com • Qué es: herramienta de agendamiento (open source). • Por qué: facilita entrevistas, compatibilidad horaria y envíos automáticos.
⸻
📊 Analítica y Control
📈 Metabase • Qué es: herramienta de BI (Business Intelligence). • Por qué: crea dashboards visuales conectados a Supabase. • Muestra KPIs como MRR, ARR, churn, buyouts o NPS.
🔍 Cloudflare Logs / Logtail • Qué es: monitoreo de logs y errores. • Por qué: detectar fallos en flujos o tiempos de respuesta.
⸻
🧠 IA y Evaluación Psicométrica
🧩 OpenAI (GPT-4o / mini) • Qué es: modelo de IA para texto y razonamiento. • Por qué: genera resúmenes, analiza emociones y puntúa entrevistas. • Integración: se ejecuta desde n8n y guarda resultados en Supabase.
⸻
🔒 Seguridad
• Claves API guardadas en n8n Credentials. • RLS en Supabase asegura que cada cliente vea solo su información. • Cloudflare HTTPS y firewall protegen el tráfico.
⸻
🚀 FASE 3 — Arquitectura de Migración (2026-2027)
🎯 Objetivo: separar la lógica sensible en microservicios Node.js y modernizar frontend.
⸻
🖥️ Frontend Moderno
🧱 Anima + Plasmic + Next.js (Vercel) • Qué es: entorno React moderno con diseño conectado a Figma. • Por qué: • Permite compartir componentes entre productos (TalentQuote, DeskTify, RemoteOps). • Implementa CI/CD con despliegue instantáneo. • Mejora rendimiento con funciones en el borde (edge). • Beneficio: interfaz modular y mantenible.
⸻
⚙️ Microservicios Node (TypeScript)
💵 billing-service • Maneja Stripe, verificación de firmas, catálogos y reglas de buyout. • Necesario para control de pagos y auditoría.
📄 contracts-service • Genera contratos, envía a DocuSign y guarda documentos firmados. • Necesario para consistencia legal y trazabilidad.
🧠 ai-service • Encapsula prompts, evaluaciones psicométricas y caching. • Compartido con Yobo y RemoteOps.
🎥 media-service • Gestiona generación de videos (Synthesia/HeyGen) y URLs seguras. • Protege privacidad y controla costos.
🧩 Despliegue: funciones serverless (Cloudflare Workers o Vercel Functions). 🔗 Orquestador: n8n sigue coordinando los flujos pero ya no ejecuta la lógica crítica.
⸻
📈 Analítica y Observabilidad
• Metabase: dashboards multi-producto. • Sentry: errores de servicios. • Doppler: gestión de secretos. • Cloudflare Analytics: métricas de rendimiento global.
⸻
💡 Por qué migrar: • Mejora escalabilidad y auditabilidad. • Código versionado y testeable para due-diligence. • Reutilización de servicios entre productos.