AI SAAS Realtime Video Sharing Desktop App AWS Cloudfront Nextjs Electron Express Socketio
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=3R63m4sTpKo
π£ Source Code: https://webprodigies.com/product-deta... • β° The doors are closed to join PU. Join our high priority waitlist now • https://webprodigies.com/waitlist?utm... • π Help us create more free content for you with this 15 second survey: • https://forms.gle/8tu5GEiCEjoJcr2b7 • π’ Figma file mockups with bonus designs? • https://webprodigies.com/store?utm_so... • Previous Video - SAAS Skool Clone With Custom Domains And Affiliates • • SAAS LMS With Custom Domains Affili... • FREE Discord Community: / discord • π’ IMPORTANT LINKS! • 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/product-deta... • 8 Unlimited Lifetime spots To Prodigies University: https://webprodigies.com/?utm_sounce=... • Cursor: https://www.cursor.com/?utm_source=we... • AWS: https://aws.amazon.com/?utm_source=we... • π’ 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
#############################
