Назад до Проєктів
SaaS DevelopmentLiveWeb
Adstacker: Генератор відеореклами на базі ШІ
SaaS на базі ШІ, що перетворює одне завантажене відео на сотні брендованих рекламних варіацій — скоординованих у Next.js веб-додатку, адміністративній панелі, NestJS API, службі рендерингу Remotion та воркері генерації BullMQ. Забезпечує автоматизовану генерацію комбінацій, GPU-прискорений рендеринг, багатостильові субтитри, відстеження прогресу в реальному часі за допомогою WebSocket та підписне білінгове обслуговування на базі Stripe.
17+
Technologies
11+
Key Features
Web
Platform
Ключові Особливості
Рушій комбінацій на базі ШІ, що генерує всі Hook x Body x CTA перестановки6 типів анімації — згасання, ковзання вгору/вниз, масштабування, друкарська машинка, відскок6 стилів субтитрів — Hormozi, MrBeast, GaryVee, Abdal, TikTok Viral, Clean CorporateВсі 4 співвідношення сторін — 9:16, 16:9, 1:1, 4:5GPU-прискорений Remotion + FFmpeg рендеринг
Основні Моменти Розробки
Повна NestJS бекенд-архітектура з Mongoose та модульним CRUDРушій комбінацій з генерацією декартового добуткуРушій відеокомпозицій Remotion з 6 типами анімаціїКонвеєр генерації BullMQ з контролем паралельностіВідстеження прогресу в реальному часі через WebSocketЖиттєвий цикл підписки Stripe з кредитами, керованими вебхукамиАналітика MongoDB aggregation для адміністративної панелі
Технологічний Стек
Next.jsReactTypeScriptTailwind CSSshadcn/uiNestJS 11MongooseMongoDBRedisBullMQRemotionFFmpegAWS S3WebSocketStripe
Наш Внесок
Архітектура бекенду
Розроблено повну NestJS бекенд-архітектуру з нуля — Mongoose схеми, модульні CRUD API, DTO валідація та шар відображення, що перетворює плоскі масиви фронтенду на вбудовані документи бекенду.
Рушій комбінацій
Створено рушій для розрахунку комбінацій, що перераховує всі дійсні Hook x Body x CTA x Subtitle перестановки та ставить кожну в чергу як незалежне BullMQ завдання.
Конвеєр рендерингу відео
Розроблено Remotion композиції (VideoComposition, HookOverlay, BodyOverlay, CtaOverlay) з 6 типами анімації та скомпільовано їх при запуску сервера для швидкого виконання завдань.
Воркер генерації
Реалізовано процесор генерації BullMQ: завантаження з S3, Remotion renderMedia(), оптимізація кодування FFmpeg, генерація мініатюр, завантаження на S3 та оновлення бази даних, з обробкою помилок та повторними спробами.
Система субтитрів
Створено 6 стилів рендерингу субтитрів у SubtitleRenderer.tsx, що охоплюють Hormozi, Abdal, MrBeast, GaryVee, TikTok Viral та Clean Corporate для всіх 4 співвідношень сторін.
Прогрес у реальному часі
Інтегровано шлюз WebSocket для відстеження прогресу генерації в реальному часі з SSE запасним варіантом, що дозволяє отримувати оновлення статусу завдань на фронтенді без опитування.
Інтеграція білінгу
Реалізовано повний життєвий цикл підписки Stripe — сесії оформлення замовлення, портал білінгу, обробник вебхуків з перевіркою необробленого тіла та підпису, виділення кредитів при підписці та щомісячний cron для скидання кредитів.
Система обміну та завантаження
Створено систему обміну та завантаження — shareable токени на основі nanoid, публічний доступ до підписаних URL S3 без авторизації, відкликання посилань та заголовки завантаження Content-Disposition.
Модуль адміністрування
Розроблено модуль адміністрування з MongoDB aggregation pipelines для аналітики дашборду, даних часових рядів, управління користувачами та адміністрування підписок.
Повна інтеграція
Очолював повну інтеграцію фронтенду та бекенду між користувацьким додатком та адміністративною панеллю — замінено всі mock сховища на живі API виклики, налаштовано WebSocket відстеження прогресу та валідовано повний користувацький шлях від початку до кінця.
Результати
Варіації реклами: Сотні з одного завантаженняРендеринг: GPU-accelerated Remotion + FFmpegПокриття стилів: 6 стилів субтитрів x 6 анімацій x 4 співвідношенняАрхітектура: П'ятикомпонентна скоординована платформа
Що Робить Це Особливим
Перетворює одне завантажене відео на сотні брендованих рекламних варіацій завдяки автоматизованій генерації комбінацій, GPU-прискореному рендерингу та підтримці багатостильових субтитрів — спеціально розроблено для performance маркетологів.
Маєте Схожий Проєкт на Думці?
Давайте обговоримо, як ми можемо втілити вашу ідею в життя з тим самим рівнем експертизи та відданості.
