Kembali ke Proyek
SaaS DevelopmentLiveWeb
Adstacker: Generator Iklan Video AI
SaaS bertenaga AI yang mengubah satu unggahan video menjadi ratusan variasi iklan bermerek — dikoordinasikan di seluruh Next.js Web App, Admin Dashboard, NestJS API, layanan render Remotion, dan worker generasi BullMQ. Mendorong pembuatan kombinasi otomatis, rendering yang dipercepat GPU, subtitle multi-gaya, progress WebSocket real-time, dan penagihan langganan bertenaga Stripe.
17+
Technologies
11+
Key Features
Web
Platform
Fitur Utama
Mesin kombinasi AI yang menghasilkan semua permutasi Hook x Body x CTA6 jenis animasi — fade, slide-up/down, scale, typewriter, bounce6 gaya subtitle — Hormozi, MrBeast, GaryVee, Abdal, TikTok Viral, Clean CorporateSemua 4 rasio aspek — 9:16, 16:9, 1:1, 4:5Rendering Remotion + FFmpeg yang dipercepat GPU
Sorotan Pengembangan
Arsitektur backend NestJS penuh dengan Mongoose dan CRUD modularMesin kombinasi dengan pembuatan produk CartesianMesin komposisi video Remotion dengan 6 jenis animasiPipeline generasi BullMQ dengan kontrol konkurensiPelacakan progress WebSocket real-timeSiklus hidup langganan Stripe dengan kredit yang didorong webhookAnalitik agregasi MongoDB untuk dashboard admin
Tumpukan Teknologi
Next.jsReactTypeScriptTailwind CSSshadcn/uiNestJS 11MongooseMongoDBRedisBullMQRemotionFFmpegAWS S3WebSocketStripe
Kontribusi Kami
Arsitektur Backend
Merancang seluruh backend NestJS dari awal — skema Mongoose, API CRUD modular, validasi DTO, dan lapisan pemetaan yang menerjemahkan array datar frontend menjadi dokumen tertanam backend.
Mesin Kombinasi
Membangun mesin kalkulator kombinasi yang menghitung semua permutasi Hook x Body x CTA x Subtitle yang valid dan mengantrekan setiap permutasi sebagai pekerjaan BullMQ independen.
Saluran Rendering Video
Mengembangkan komposisi Remotion (VideoComposition, HookOverlay, BodyOverlay, CtaOverlay) dengan 6 jenis animasi dan membundelnya saat startup server untuk eksekusi pekerjaan yang cepat.
Worker Generasi
Mengimplementasikan prosesor generasi BullMQ: Unduhan S3, Remotion renderMedia(), optimasi encoding FFmpeg, pembuatan thumbnail, unggahan S3, dan pembaruan DB, dengan penanganan error dan percobaan ulang.
Sistem Subtitle
Membangun 6 gaya rendering subtitle di SubtitleRenderer.tsx mencakup Hormozi, Abdal, MrBeast, GaryVee, TikTok Viral, dan Clean Corporate di semua 4 rasio aspek.
Progress Real-Time
Mengintegrasikan gateway WebSocket untuk progress generasi real-time dengan fallback SSE, memungkinkan pembaruan status pekerjaan secara langsung di frontend tanpa polling.
Integrasi Penagihan
Mengimplementasikan siklus hidup langganan Stripe secara penuh — sesi checkout, portal penagihan, handler webhook dengan raw body dan verifikasi tanda tangan, alokasi kredit pada langganan, dan cron reset kredit bulanan.
Sistem Berbagi & Unduh
Membangun sistem berbagi dan unduh — token yang dapat dibagikan berbasis nanoid, akses URL bertanda tangan S3 publik tanpa otentikasi, pencabutan tautan, dan header unduh Content-Disposition.
Modul Admin
Mengembangkan modul admin dengan pipeline agregasi MongoDB untuk analitik dashboard, data grafik deret waktu, manajemen pengguna, dan administrasi langganan.
Integrasi Penuh
Memimpin integrasi frontend-backend penuh di seluruh aplikasi pengguna dan panel admin — mengganti semua mock store dengan panggilan API langsung, menghubungkan progress WebSocket, dan memvalidasi seluruh perjalanan pengguna secara menyeluruh.
Hasil
Variasi Iklan: Ratusan dari satu unggahanRendering: Remotion + FFmpeg yang dipercepat GPUCakupan Gaya: 6 gaya subtitle x 6 animasi x 4 rasioArsitektur: Platform terkoordinasi lima komponen
Yang Membuat Ini Istimewa
Mengubah satu unggahan video menjadi ratusan variasi iklan bermerek melalui pembuatan kombinasi otomatis, rendering yang dipercepat GPU, dan dukungan subtitle multi-gaya — dirancang khusus untuk pemasar performa.
Punya Proyek Serupa?
Mari diskusikan bagaimana kami dapat mewujudkan visi Anda dengan tingkat keahlian dan dedikasi yang sama.
