Isang SaaS na pinapagana ng AI na nagpapalit ng isang video upload sa daan-daang branded na ad variation — isinaayos sa isang Next.js Web App, isang Admin Dashboard, isang NestJS API, isang Remotion render service, at isang BullMQ generation worker. Nagbibigay-daan sa automated combination generation, GPU-accelerated rendering, multi-style subtitles, real-time WebSocket progress, at Stripe-powered subscription billing.

Binuo ang buong NestJS backend mula sa simula — Mongoose schemas, modular CRUD APIs, DTO validation, at ang mapping layer na nagta-translate ng frontend flat arrays sa backend embedded documents.
Binuo ang combination calculator engine na naglilista ng lahat ng valid na Hook x Body x CTA x Subtitle permutations at inilalagay ang bawat isa bilang isang independenteng BullMQ job.
Binuo ang mga Remotion composition (VideoComposition, HookOverlay, BodyOverlay, CtaOverlay) na may 6 na uri ng animation at sinama ang mga ito sa server startup para sa mabilis na pagpapatupad ng trabaho.
Ipinatupad ang BullMQ generation processor: S3 download, Remotion renderMedia(), FFmpeg encoding optimization, thumbnail generation, S3 upload, at DB update, na may error handling at retries.
Binuo ang 6 na istilo ng subtitle rendering sa SubtitleRenderer.tsx na sumasakop sa Hormozi, Abdal, MrBeast, GaryVee, TikTok Viral, at Clean Corporate sa lahat ng 4 na aspect ratio.
Isinama ang WebSocket gateway para sa real-time generation progress na may SSE fallback, na nagbibigay-daan sa live job status updates sa frontend nang walang polling.
Ipinatupad ang buong Stripe subscription lifecycle — checkout sessions, billing portal, webhook handler na may raw body at signature verification, credit allocation sa subscription, at monthly credit reset cron.
Binuo ang sistema ng pagbabahagi at pag-download — nanoid-based shareable tokens, public S3 signed URL access nang walang auth, link revocation, at Content-Disposition download headers.
Binuo ang admin module na may MongoDB aggregation pipelines para sa dashboard analytics, time-series chart data, user management, at subscription administration.
Pinamahalaan ang buong frontend-backend integration sa buong user app at admin panel — pinalitan ang lahat ng mock store ng live API calls, ikinabit ang WebSocket progress, at binalidate ang kumpletong user journey end-to-end.
Nagpapalit ng isang video upload sa daan-daang branded na ad variation sa pamamagitan ng automated combination generation, GPU-accelerated rendering, at multi-style subtitle support — sadyang ginawa para sa mga performance marketer.
Pag-usapan natin kung paano namin maipapatupad ang iyong bisyon na may parehong antas ng kasanayan at dedikasyon.






Binuo ng MicrocosmWorks ang combination calculator engine na nagkakalkula ng Cartesian product ng lahat ng Hook x Body x CTA x Subtitle permutations. Ang bawat input element (hooks, body segments, CTAs) ay tinukoy ng user, at inililista ng engine ang bawat balidong kombinasyon, pagkatapos ay isinasama ang bawat isa bilang isang independiyenteng BullMQ job. Ang pamamaraang ito ay nangangahulugang ang isang video na may 5 hooks, 3 bodies, 4 CTAs, at 6 subtitle styles ay bumubuo ng 360 natatanging ad variations nang awtomatiko.
Nagpatupad ang MicrocosmWorks ng 6 na estilo ng subtitle rendering sa Adstacker: Hormozi, MrBeast, GaryVee, Abdal, TikTok Viral, at Clean Corporate. Bawat estilo ay may natatanging katangian ng font, kulay, animasyon, at pagpoposisyon na tumutugma sa mga popular na format ng creator na kinikilala ng mga performance marketer. Sinusuportahan ng SubtitleRenderer ang lahat ng 4 na aspect ratio (9:16, 16:9, 1:1, 4:5) at 6 na uri ng animasyon (fade, slide-up, slide-down, scale, typewriter, bounce) sa loob ng Remotion compositions.
Binuo ng MicrocosmWorks ang rendering pipeline gamit ang Remotion compositions na ibinuklod sa startup ng server para sa mabilis na pagpapatupad ng trabaho, kasama ang FFmpeg para sa pag-optimize ng encoding. Pinamamahalaan ng BullMQ ang async job queue na may configurable concurrency control, kaya maraming variation ang nire-render nang sabay-sabay sa lahat ng available na GPU resources. Hinahawakan ng bawat trabaho ang buong pipeline: S3 download, Remotion renderMedia, FFmpeg encoding, pagbuo ng thumbnail, S3 upload, at database update, na may error handling at automatic retries.
Ang MicrocosmWorks ay nag-integrate ng isang WebSocket gateway na nagtutulak ng real-time na progreso ng pagbuo para sa bawat naka-queue na variation sa frontend, na may SSE (Server-Sent Events) fallback para sa mga environment kung saan hindi available ang mga koneksyon ng WebSocket. Nakikita ng mga user ang mga live na update sa status para sa bawat variation, kabilang ang naka-queue, processing, porsyento ng rendering, at completed na estado. Inaalis nito ang pangangailangan para sa polling at nagbibigay ng agarang feedback sa status ng generation pipeline.
Nagpatupad ang MicrocosmWorks ng Stripe subscription billing na may paglalaan ng credit na nakabatay sa webhook. Kapag ang isang user ay nag-subscribe o nag-renew, ang webhook handler ay naglalalaan ng generation credits batay sa kanilang plan tier. Bawat video variation generation ay gumagamit ng isang credit, at isang buwanang cron job ang nagre-reset ng mga balanse ng credit. Ang admin dashboard ay nagbibigay ng MongoDB aggregation analytics na nagpapakita ng mga pattern ng paggamit ng credit, kita ng subscription, at per-user consumption upang magbigay impormasyon sa mga desisyon sa pagpepresyo.