AI SAAS Realtime Video Sharing + Desktop App: AWS, Cloudfront, Nextjs, Electron, Express, Socket.io
🟢 Resources!
Neon: https://neon.tech/?ref=wp
Clerk: https://go.clerk.com/RfgLSVm
Stream Chat API: https://getstream.io/chat/react-chat/...
Stream Video API: https://getstream.io/video/sdk/react/...
Relume: https://www.relume.io/?utm_source=web...
Cloudways' Black Friday/Cyber Monday offer and secure an additional $75 free hosting credits on top of the standard BFCM deal: https://www.cloudways.com/en/bfcm-ear...
Voiceflow: https://partners.voiceflow.com/oymek2...
Wix Studio: https://www.wix.com/studio/?utm_sourc...
Software to create SAAS demo videos: https://screen.studio/?aff=OXPpe
Stripe Quick Link Guide: https://webprodigies.com/store/stripe...
Cursor: https://www.cursor.com/?utm_source=we...
AWS: https://aws.amazon.com/?utm_source=we...
Source Code: https://webprodigies.com/store/opal-a...
Figma file & mockups with bonus designs?
https://webprodigies.com/store/opal-f...
📜 Help me create even better free content for you — just answer these questions!
http://events.webprodigies.com/?utm_s...
⏰ Prodigies University - Learn to start your SAAS and get your first customer
https://www.skool.com/freelance-prodi...
🍡 MOCHI - My first premium SAAS course (Coming Soon) join the waitlist now:
https://webprodigies.com/mochi?utm_so...
Previous Video - SAAS Skool Clone With Custom Domains And Affiliates
• SAAS LMS With Custom Domains & Affiliates ...
FREE Discord Community: / discord
🟢 Features:
📹 Real Time Video Recording and Streaming (no 3rd party library)
💻 Web application using Next.js
📤 Share Videos instantly With Prospects
👥 Workspaces to invite team members
📝 AI Transcriptions For Videos
🤖 1 Time Try Now AI Features For Users
💡 AI summary of videos along with titles and description
💬 Activity feed for viewers to comment
👁️ View count on each video
📧 Email notification when the first viewer watches the video
📸 Custom Thumbnail video embed inside emails for client outreach
🖥️ Desktop application using Electron JS
⚡ Express server for real-time Socket
📺 Recording videos in 720p and 1080p
⏳ Dynamic video length based on subscription plan
🎙️ Getting access to users’ native devices on the desktop app
📂 Saving presets of users’ devices
🎥 Screen & Webcam capture
☁️ Uploading videos to AWS
⭐ Pro plan and free tier
🛠️ CMS control for in-app marketing
💳 Stripe for payments
⏰ Timestamps: (COMING SOON)
00:00 - How loom made $957M
03:42 - What technologies are used to build Loom
04:50 - Demo of the application
15:14 - Complete breakdown of the architecture
44:10 - Limited spots for prodigies university
46:22 - How to use Cursor AI IDE
47:30 - How to setup a nextjs 14 project with shadcn ui and tailwind
56:21 - Neon Database setup in Nextjs
59:00: Clerk Authentication
01:05:52 - How to build a landing page using Relume AI
01:25:51 - How to build prisma schemas and models
01:51:25 - How to build a dashboard layout in nextjs
02:17:36 - Building a responsive sidebar in nextjs
02:28:23 - useQueryData hook
02:44:14 - creating and optimized search feature in nextjs
03:01:33 - useMutationData hook
03:18:31 - Inviting users into the workspace
03:59:23 - Creating an InfoBar
04:13:49 - My library page
04:32:48 - useZodForm hook
04:39:49 - Our Magical Form generator component
04:57:02 - Create folders for videos
05:29:57 - ReactQuery detailed explanation
06:08:34 - How to renders videos inside a folder (folders route)
06:21:02 - Videos Component
06:34:22 - How to move videos from one folder into another