Loading video player...
Build a Full Stack AI Motion Graphic Video Generator using Next.js, React, Factory.ai, and Arcjet in this step-by-step tutorial. Learn how to create an AI-powered app that converts prompts into stunning motion graphic videos with a modern full stack workflow. š§ Tools & Services Used š Clerk (Authentication) š https://go.clerk.com/DtmUbnd š¤ Factory AI (Get Free Credits) š https://dcmk.short.gy/factor-ai-free (Get FREE Credit) š”ļø Arcjet (Security & Rate Limiting) š https://dcmk.short.gy/arcjet-t š Eraser Documentation š https://dcmk.short.gy/ai-motion-video-doc š» Try Demo App - https://dcmk.short.gy/motion-graphic-video-demo ********* ā Try My App ā TaskyBear š» AI Todo Planner & Habit Tracker App Organize tasks, track habits, and boost productivity with AI. š± Android App Link: https://dcmk.short.gy/taskybear-android š± iOS App Link: https://dcmk.short.gy/taskybear-ios ********** š Join TubeGuruji Pro : https://www.tubeguruji.com Get access to 100+ full-stack app projects and 50+ AI app tutorials with real-world use cases. š¦ Resources š Free Resources ā https://dcmk.short.gy/ai-motion-video-resources šØ Free AI Agents Credits ā https://dcmk.short.gy/factor-ai-free š» Source Code ā https://dcmk.short.gy/motion-graphic-video-source-code š¢ Stay Connected š» Join our Discord Community: https://discord.gg/DJUpW5bMtz š¼ļø Follow us on Instagram: https://www.instagram.com/tubeguruji š Follow us on X (Twitter): https://x.com/tubeguruji š± Join our WhatsApp Channel: https://whatsapp.com/channel/0029VaDBs3aEAKWLFDgKY93n š¼ Business Inquiries: admin@tubeguruji.com #Nextjs #Reactjs #AI #FactoryAI #Arcjet #MotionGraphics #AIVideoGenerator #FullStackDevelopment #WebDevelopment #JavaScript #SaaS #techtutorial Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join ---------- CHAPTERS ------------- 00:00:00 Introduction 00:11:31 Project Setup 00:22:07 Setup Factory.ai AI Agent 00:29:25 App Workflow 00:31:14 Landing Screen 00:40:33 Prisma DB Setup 00:46:57 Authentication 00:56:22 Create New Video Project 01:02:01 Project Video Page Layout 01:07:10 Setup Arcjet 01:14:19 Generate Video (Logic Implementation) 01:25:50 Secure and Protect App & endpoints using Arcjet 01:30:51 Play Generated Video using Remotion 01:38:39 Theme Settings 01:42:55 Update Video using AI Agent Chat 01:48:26 User Settings 01:55:15 Render Video to Download 02:19:22 Deploy App