Volver a Proyectos
SaaS DevelopmentLiveWeb
Adstacker: Generador de Anuncios de Video con IA
Un SaaS impulsado por IA que transforma una única carga de video en cientos de variaciones de anuncios de marca — coordinado a través de una Next.js Web App, un Admin Dashboard, una NestJS API, un servicio de renderizado Remotion, y un worker de generación BullMQ. Impulsa la generación automatizada de combinaciones, el renderizado acelerado por GPU, subtítulos de múltiples estilos, progreso en tiempo real vía WebSocket, y facturación por suscripción con Stripe.
17+
Technologies
11+
Key Features
Web
Platform
Características Clave
Motor de combinación con IA que genera todas las permutaciones de Hook x Body x CTA6 tipos de animación — fade, slide-up/down, scale, typewriter, bounce6 estilos de subtítulos — Hormozi, MrBeast, GaryVee, Abdal, TikTok Viral, Clean CorporateLas 4 relaciones de aspecto — 9:16, 16:9, 1:1, 4:5Renderizado Remotion + FFmpeg acelerado por GPU
Aspectos Destacados del Desarrollo
Arquitectura completa de backend en NestJS con Mongoose y CRUD modularMotor de combinación con generación de producto cartesianoMotor de composición de video Remotion con 6 tipos de animaciónPipeline de generación BullMQ con control de concurrenciaSeguimiento de progreso en tiempo real con WebSocketCiclo de vida de suscripción Stripe con créditos impulsados por webhooksAnálisis de agregación de MongoDB para el panel de administración
Stack Tecnológico
Next.jsReactTypeScriptTailwind CSSshadcn/uiNestJS 11MongooseMongoDBRedisBullMQRemotionFFmpegAWS S3WebSocketStripe
Nuestra Contribución
Arquitectura de Backend
Diseñé la arquitectura completa del backend en NestJS desde cero — esquemas Mongoose, APIs CRUD modulares, validación DTO, y la capa de mapeo que traduce arrays planos del frontend a documentos embebidos del backend.
Motor de Combinación
Construí el motor de cálculo de combinaciones que enumera todas las permutaciones válidas de Hook x Body x CTA x Subtitle y las pone en cola como un trabajo BullMQ independiente.
Pipeline de Renderizado de Video
Desarrollé las composiciones Remotion (VideoComposition, HookOverlay, BodyOverlay, CtaOverlay) con 6 tipos de animación y las empaqueté al inicio del servidor para una ejecución rápida de los trabajos.
Worker de Generación
Implementé el procesador de generación BullMQ: descarga desde S3, Remotion renderMedia(), optimización de codificación FFmpeg, generación de miniaturas, carga a S3, y actualización de la base de datos, con manejo de errores y reintentos.
Sistema de Subtítulos
Construí 6 estilos de renderizado de subtítulos en SubtitleRenderer.tsx cubriendo Hormozi, Abdal, MrBeast, GaryVee, TikTok Viral y Clean Corporate en las 4 relaciones de aspecto.
Progreso en Tiempo Real
Integré el gateway WebSocket para el progreso de generación en tiempo real con fallback SSE, permitiendo actualizaciones de estado de trabajos en vivo en el frontend sin necesidad de polling.
Integración de Facturación
Implementé el ciclo de vida completo de la suscripción de Stripe — sesiones de pago, portal de facturación, manejador de webhooks con verificación de cuerpo crudo y firma, asignación de créditos al suscribirse, y cron de restablecimiento de créditos mensuales.
Sistema para Compartir y Descargar
Construí el sistema para compartir y descargar — tokens compartibles basados en nanoid, acceso a URL firmadas de S3 públicas sin autenticación, revocación de enlaces, y cabeceras de descarga Content-Disposition.
Módulo de Administración
Desarrollé el módulo de administración con pipelines de agregación de MongoDB para análisis de dashboard, datos de gráficos de series temporales, gestión de usuarios y administración de suscripciones.
Integración Completa
Lideré la integración completa frontend-backend en la aplicación de usuario y el panel de administración — reemplacé todas las tiendas simuladas con llamadas a la API en vivo, conecté el progreso WebSocket, y validé el recorrido completo del usuario de principio a fin.
Resultados
Variaciones de Anuncios: Cientos a partir de una única cargaRenderizado: Remotion + FFmpeg acelerado por GPUCobertura de Estilo: 6 estilos de subtítulos x 6 animaciones x 4 relacionesArquitectura: Plataforma coordinada de cinco componentes
Lo Que Hace Especial a Este Proyecto
Transforma una única carga de video en cientos de variaciones de anuncios de marca mediante la generación automatizada de combinaciones, el renderizado acelerado por GPU y el soporte de subtítulos de múltiples estilos — diseñado específicamente para especialistas en marketing de rendimiento.
¿Tiene un Proyecto Similar en Mente?
Hablemos sobre cómo podemos dar vida a su visión con el mismo nivel de experiencia y dedicación.
