Projelere Dön
SaaS DevelopmentLiveWeb
Adstacker: AI Video Reklam Oluşturucu
Tek bir video yüklemesini yüzlerce markalı reklam varyasyonuna dönüştüren, AI destekli bir SaaS çözümü — Next.js Web App, bir Yönetim Paneli, bir NestJS API, bir Remotion render hizmeti ve bir BullMQ üretim çalışanı arasında koordine edilmiş. Otomatik kombinasyon oluşturma, GPU hızlandırmalı render, çok stilli altyazılar, gerçek zamanlı WebSocket ilerlemesi ve Stripe destekli abonelik faturalandırması sağlar.
17+
Technologies
11+
Key Features
Web
Platform
Temel Özellikler
Tüm Hook x Body x CTA permütasyonlarını oluşturan AI kombinasyon motoru6 animasyon türü — solma, yukarı/aşağı kaydırma, ölçeklendirme, daktilo, zıplama6 altyazı stili — Hormozi, MrBeast, GaryVee, Abdal, TikTok Viral, Clean CorporateTüm 4 en boy oranı — 9:16, 16:9, 1:1, 4:5GPU hızlandırmalı Remotion + FFmpeg render
Geliştirme Öne Çıkanları
Mongoose ve modüler CRUD ile tam NestJS backend mimarisiKartezyen ürün oluşturma ile kombinasyon motoru6 animasyon türü ile Remotion video kompozisyon motoruEşzamanlılık kontrolü ile BullMQ üretim hattıGerçek zamanlı WebSocket ilerleme takibiWebhook odaklı kredilerle Stripe abonelik yaşam döngüsüYönetici paneli için MongoDB toplama analizleri
Teknoloji Yığını
Next.jsReactTypeScriptTailwind CSSshadcn/uiNestJS 11MongooseMongoDBRedisBullMQRemotionFFmpegAWS S3WebSocketStripe
Katkımız
Backend Mimarisi
NestJS backend'ini sıfırdan mimarileştirdik — Mongoose şemaları, modüler CRUD API'leri, DTO doğrulaması ve frontend düz dizilerini backend gömülü belgelere dönüştüren eşleme katmanı.
Kombinasyon Motoru
Tüm geçerli Hook x Body x CTA x Subtitle permütasyonlarını sayan ve her birini bağımsız bir BullMQ işi olarak kuyruğa alan kombinasyon hesaplayıcı motorunu oluşturduk.
Video Render Hattı
6 animasyon türü ile Remotion kompozisyonlarını (VideoComposition, HookOverlay, BodyOverlay, CtaOverlay) geliştirdik ve hızlı iş yürütmesi için sunucu başlangıcında paketledik.
Üretim Çalışanı
BullMQ üretim işlemcisini uyguladık: S3 indirme, Remotion renderMedia(), FFmpeg kodlama optimizasyonu, küçük resim oluşturma, S3 yükleme ve DB güncelleme, hata işleme ve yeniden denemeler ile birlikte.
Altyazı Sistemi
Hormozi, Abdal, MrBeast, GaryVee, TikTok Viral ve Clean Corporate stillerini kapsayan 6 altyazı render stilini SubtitleRenderer.tsx içinde, tüm 4 en boy oranında oluşturduk.
Gerçek Zamanlı İlerleme
Gerçek zamanlı üretim ilerlemesi için WebSocket ağ geçidini SSE yedeklemesiyle entegre ettik, frontend'de sorgulama yapmadan canlı iş durumu güncellemelerini etkinleştirdik.
Faturalandırma Entegrasyonu
Tüm Stripe abonelik yaşam döngüsünü uyguladık — ödeme oturumları, faturalandırma portalı, ham gövde ve imza doğrulaması ile webhook işleyicisi, abonelik üzerine kredi tahsisi ve aylık kredi sıfırlama cron'u.
Paylaşım ve İndirme Sistemi
Paylaşım ve indirme sistemini oluşturduk — nanoid tabanlı paylaşılabilir jetonlar, kimlik doğrulamasız genel S3 imzalı URL erişimi, bağlantı iptali ve Content-Disposition indirme başlıkları.
Yönetici Modülü
Kontrol paneli analizi, zaman serisi grafik verileri, kullanıcı yönetimi ve abonelik yönetimi için MongoDB toplama hatları ile yönetici modülünü geliştirdik.
Tam Entegrasyon
Kullanıcı uygulaması ve yönetim paneli genelinde tam frontend-backend entegrasyonuna öncülük ettik — tüm sahte depoları canlı API çağrılarıyla değiştirdik, WebSocket ilerlemesini bağladık ve tüm kullanıcı yolculuğunu uçtan uca doğruladık.
Sonuçlar
Reklam Varyasyonları: Tek bir yüklemeden yüzlercesiRender: GPU hızlandırmalı Remotion + FFmpegStil Kapsamı: 6 altyazı stili x 6 animasyon x 4 oranMimari: Beş bileşenli koordineli platform
Bunu Özel Kılan Ne
Tek bir video yüklemesini, otomatik kombinasyon oluşturma, GPU hızlandırmalı render ve çok stilli altyazı desteği aracılığıyla yüzlerce markalı reklam varyasyonuna dönüştürür — performans pazarlamacıları için özel olarak tasarlanmıştır.
Benzer Bir Projeniz mi Var?
Vizyonunuzu aynı uzmanlık ve özveri düzeyiyle hayata geçirmenin yollarını konuşalım.
