חזרה לפרויקטים
SaaS DevelopmentLiveWeb
Adstacker: מחולל פרסומות וידאו מבוסס AI
SaaS מבוסס AI שהופך העלאת וידאו יחידה למאות גרסאות פרסומת ממותגות — בתיאום בין Next.js Web App, Admin Dashboard, NestJS API, שירות רינדור Remotion, ו-BullMQ generation worker. מניע יצירת שילובים אוטומטית, רינדור מואץ GPU, כתוביות מרובות סגנונות, התקדמות WebSocket בזמן אמת, וחיוב מנויים מבוסס Stripe.
17+
Technologies
11+
Key Features
Web
Platform
תכונות עיקריות
מנוע שילובים מבוסס AI המייצר את כל פרמוטציות Hook x Body x CTA6 סוגי אנימציה — fade, slide-up/down, scale, typewriter, bounce6 סגנונות כתוביות — Hormozi, MrBeast, GaryVee, Abdal, TikTok Viral, Clean Corporateכל 4 יחסי הגובה-רוחב — 9:16, 16:9, 1:1, 4:5רינדור Remotion + FFmpeg מואץ GPUתור משימות אסינכרוני של BullMQ עם בקרת מקביליות (concurrency control)
נקודות בולטות בפיתוח
ארכיטקטורת NestJS backend מלאה עם Mongoose ו-CRUD מודולרי.מנוע שילובים עם יצירת Cartesian productמנוע קומפוזיציית וידאו של Remotion עם 6 סוגי אנימציה.צינור ייצור של BullMQ עם בקרת מקביליות (concurrency control).מעקב התקדמות WebSocket בזמן אמת.מחזור חיים של מנוי Stripe עם קרדיטים מונעי webhook.אנליטיקה של MongoDB aggregation עבור admin dashboard.
מחסנית טכנולוגית
Next.jsReactTypeScriptTailwind CSSshadcn/uiNestJS 11MongooseMongoDBRedisBullMQRemotionFFmpegAWS S3WebSocketStripe
התרומה שלנו
ארכיטקטורת Backend
תיכננו את ה-NestJS backend המלא מאפס — Mongoose schemas, CRUD APIs מודולריים, DTO validation, ושכבת המיפוי שמתרגמת מערכים שטוחים של frontend למסמכים מוטמעים של backend.
מנוע שילובים
בנינו את מנוע מחשבון השילובים שממפה את כל פרמוטציות Hook x Body x CTA x Subtitle תקפות ומכניס כל אחת מהן לתור כ-BullMQ job עצמאי.
צינור רינדור וידאו
פיתחנו את ה-Remotion compositions (VideoComposition, HookOverlay, BodyOverlay, CtaOverlay) עם 6 סוגי אנימציה וארזנו אותם בהפעלת השרת לביצוע משימות מהיר.
Worker ייצור
יישמנו את ה-BullMQ generation processor: הורדה מ-S3, Remotion renderMedia(), אופטימיזציית קידוד FFmpeg, יצירת תמונות ממוזערות (thumbnails), העלאה ל-S3, ועדכון DB, עם טיפול בשגיאות וניסיונות חוזרים.
מערכת כתוביות
בנינו 6 סגנונות רינדור כתוביות ב-SubtitleRenderer.tsx המכסים את Hormozi, Abdal, MrBeast, GaryVee, TikTok Viral, ו-Clean Corporate בכל 4 יחסי הגובה-רוחב.
התקדמות בזמן אמת
שילבנו את ה-WebSocket gateway להתקדמות ייצור בזמן אמת עם SSE fallback, מאפשר עדכוני סטטוס משימה חיים ב-frontend ללא polling.
אינטגרציית חיובים
יישמנו את מחזור החיים המלא של מנוי Stripe — checkout sessions, billing portal, webhook handler עם raw body ואימות חתימה, הקצאת קרדיטים במנוי, ו-cron לאיפוס קרדיטים חודשי.
מערכת שיתוף והורדה
בנינו את מערכת השיתוף וההורדה — טוקנים ניתנים לשיתוף מבוססי nanoid, גישת S3 signed URL ציבורית ללא אימות, ביטול קישור, וכותרות הורדה של Content-Disposition.
מודול ניהול (Admin)
פיתחנו את מודול ה-admin עם MongoDB aggregation pipelines לניתוח נתונים ב-dashboard, נתוני גרפים מסוג time-series, ניהול משתמשים, וניהול מנויים.
אינטגרציה מלאה
הובלנו אינטגרציית frontend-backend מלאה בין אפליקציית המשתמש ופאנל הניהול — החלפנו את כל ה-mock stores בקריאות API חיות, חיברנו את התקדמות ה-WebSocket, ואימתנו את מסע המשתמש המלא מקצה לקצה.
תוצאות
וריאציות פרסומת: מאות מהעלאה יחידהרינדור: Remotion + FFmpeg מואץ GPUכיסוי סגנונות: 6 סגנונות כתוביות x 6 אנימציות x 4 יחסיםארכיטקטורה: פלטפורמה מתואמת בעלת חמישה רכיבים
מה הופך את זה למיוחד
הופך העלאת וידאו יחידה למאות גרסאות פרסומת ממותגות באמצעות יצירת שילובים אוטומטית, רינדור מואץ GPU, ותמיכה בכתוביות מרובות סגנונות — נבנה במיוחד עבור משווקי ביצועים (performance marketers).
שאלות נפוצות
MicrocosmWorks בנתה את מנוע מחשבון השילובים המחשב את המכפלה הקרטזית של כל הפרמוטציות של Hook x Body x CTA x Subtitle. כל רכיב קלט (hooks, body segments, CTAs) מוגדר על ידי המשתמש, והמנוע מונה כל שילוב חוקי, ולאחר מכן מכניס כל אחד לתור כ-BullMQ job עצמאי. גישה זו אומרת שסרטון עם 5 hooks, 3 bodies, 4 CTAs ו-6 סגנונות כתוביות מייצר באופן אוטומטי 360 וריאציות מודעות ייחודיות.
MicrocosmWorks הטמיעה 6 סגנונות רינדור כתוביות ב-Adstacker: Hormozi, MrBeast, GaryVee, Abdal, TikTok Viral, ו-Clean Corporate. לכל סגנון יש מאפייני גופן, צבע, אנימציה ומיקום מובהקים, התואמים את פורמטי היוצרים הפופולריים שמזהים משווקי ביצועים. ה-SubtitleRenderer מטפל בכל 4 יחסי הגובה-רוחב (9:16, 16:9, 1:1, 4:5) ו-6 סוגי אנימציה (fade, slide-up, slide-down, scale, typewriter, bounce) בתוך קומפוזיציות Remotion.
MicrocosmWorks בנתה את צינור הרינדור באמצעות קומפוזיציות של Remotion שאוגדו בהפעלת השרת לביצוע מהיר של משימות, בשילוב עם FFmpeg לאופטימיזציה של קידוד. BullMQ מנהלת את תור המשימות הא-סינכרוני עם בקרת מקביליות ניתנת להגדרה, כך שווריאציות מרובות מעובדות במקביל על פני משאבי GPU זמינים. כל משימה מטפלת בצינור המלא: הורדת S3, Remotion renderMedia, קידוד FFmpeg, יצירת תמונות ממוזערות, העלאת S3, ועדכון מסד נתונים, עם טיפול בשגיאות וניסיונות חוזרים אוטומטיים.
MicrocosmWorks שילבה שער WebSocket שדוחף התקדמות ייצור בזמן אמת עבור כל וריאציה בתור ל-frontend, עם גיבוי SSE (Server-Sent Events) עבור סביבות שבהן חיבורי WebSocket אינם זמינים. משתמשים רואים עדכוני סטטוס חיים עבור כל וריאציה, כולל ממתין בתור, בעיבוד, אחוז רינדור, ומצבים שהושלמו. זה מבטל את הצורך ב-polling ומספק משוב מיידי על סטטוס צינור הייצור.
MicrocosmWorks הטמיעה חיוב מנויים של Stripe עם הקצאת קרדיטים מבוססת Webhook. כאשר משתמש נרשם כמנוי או מחדש, מטפל ה-Webhook מקצה קרדיטים ליצירה בהתאם לרמת התוכנית שלו. כל יצירת וריאציית וידאו צורכת קרדיט אחד, ומשימת cron חודשית מאפסת את יתרות הקרדיטים. לוח המחוונים של המנהל מספק ניתוח אגרגציה של MongoDB המציג דפוסי שימוש בקרדיטים, הכנסות ממנויים וצריכה לכל משתמש כדי לבסס החלטות תמחור.
יש לך פרויקט דומה בראש?
בואו נדון כיצד נוכל להגשים את החזון שלך עם אותה רמת מומחיות ומסירות.
