Retour aux Projets
SaaS DevelopmentLiveWeb
Adstacker: Générateur de publicités vidéo AI
Un SaaS alimenté par l'AI qui transforme un seul téléchargement de vidéo en des centaines de variations de publicités de marque — coordonnées sur une Next.js Web App, un Admin Dashboard, une NestJS API, un service de rendu Remotion et un worker de génération BullMQ. Il permet la génération automatique de combinaisons, le rendu accéléré par GPU, des sous-titres multi-styles, un suivi de progression WebSocket en temps réel et une facturation d'abonnement gérée par Stripe.
17+
Technologies
11+
Key Features
Web
Platform
Caractéristiques Clés
Moteur de combinaisons AI générant toutes les permutations Hook x Body x CTA6 types d'animation — fade, slide-up/down, scale, typewriter, bounce6 styles de sous-titres — Hormozi, MrBeast, GaryVee, Abdal, TikTok Viral, Clean CorporateLes 4 rapports d'aspect — 9:16, 16:9, 1:1, 4:5Rendu Remotion + FFmpeg accéléré par GPU
Points Forts du DĂ©veloppement
Architecture backend NestJS complète avec Mongoose et CRUD modulaireMoteur de combinaisons avec génération de produit cartésienMoteur de composition vidéo Remotion avec 6 types d'animationPipeline de génération BullMQ avec contrôle de concurrenceSuivi de progression WebSocket en temps réelCycle de vie de l'abonnement Stripe avec crédits gérés par webhookAnalyses d'agrégation MongoDB pour l'admin dashboard
Stack Technologique
Next.jsReactTypeScriptTailwind CSSshadcn/uiNestJS 11MongooseMongoDBRedisBullMQRemotionFFmpegAWS S3WebSocketStripe
Notre Contribution
Architecture Backend
Architecture complète du backend NestJS depuis zéro — schémas Mongoose, APIs CRUD modulaires, validation DTO et couche de mappage traduisant les tableaux plats du frontend en documents embarqués du backend.
Moteur de Combinaisons
Construction du moteur de calcul de combinaisons qui énumère toutes les permutations valides de Hook x Body x CTA x Subtitle et met chacune en file d'attente comme une tâche BullMQ indépendante.
Pipeline de Rendu Vidéo
Développement des compositions Remotion (VideoComposition, HookOverlay, BodyOverlay, CtaOverlay) avec 6 types d'animation et leur regroupement au démarrage du serveur pour une exécution rapide des tâches.
Worker de Génération
Implémentation du processeur de génération BullMQ: téléchargement S3, Remotion renderMedia(), optimisation de l'encodage FFmpeg, génération de vignettes, téléchargement S3 et mise à jour de la DB, avec gestion des erreurs et réessais.
Système de Sous-titres
Création de 6 styles de rendu de sous-titres dans SubtitleRenderer.tsx couvrant Hormozi, Abdal, MrBeast, GaryVee, TikTok Viral et Clean Corporate sur les 4 rapports d'aspect.
Progression en Temps RĂ©el
Intégration de la passerelle WebSocket pour la progression de la génération en temps réel avec un fallback SSE, permettant des mises à jour du statut des tâches en direct sur le frontend sans sondage.
Intégration de la Facturation
Implémentation du cycle de vie complet de l'abonnement Stripe — sessions de paiement, portail de facturation, gestionnaire de webhook avec vérification du corps brut et de la signature, allocation de crédits à l'abonnement et réinitialisation mensuelle des crédits par cron.
Système de Partage et de Téléchargement
Construction du système de partage et de téléchargement — tokens partageables basés sur nanoid, accès public S3 via URL signée sans auth, révocation de liens et en-têtes de téléchargement Content-Disposition.
Module Admin
Développement du module admin avec des pipelines d'agrégation MongoDB pour l'analyse du tableau de bord, les données de graphiques de séries chronologiques, la gestion des utilisateurs et l'administration des abonnements.
Intégration Complète
Direction de l'intégration complète frontend-backend sur l'application utilisateur et le panneau d'administration — remplacement de tous les stores factices par des appels API en direct, connexion de la progression WebSocket et validation complète du parcours utilisateur de bout en bout.
RĂ©sultats
Variations de publicités: Des centaines à partir d'un seul téléchargementRendu: Remotion + FFmpeg accéléré par GPUCouverture de styles: 6 styles de sous-titres x 6 animations x 4 rapportsArchitecture: Plateforme coordonnée à cinq composants
Ce Qui Rend Ce Projet Spécial
Transforme un seul téléchargement de vidéo en des centaines de variations de publicités de marque grâce à la génération automatique de combinaisons, au rendu accéléré par GPU et au support de sous-titres multi-styles — conçu spécifiquement pour les spécialistes du marketing de performance.
Vous Avez un Projet Similaire en TĂŞte ?
Discutons de la façon dont nous pouvons donner vie à votre vision avec le même niveau d'expertise et de dévouement.
