Uploaded March 2024 | Updated September 2026, 1 week ago
Build and deploy a full-stack video calling application like Zoom, Microsoft Teams, or Google Meet using Next.js 14, React.js, the Stream Video SDK, Tailwind CSS, TypeScript, and more.
Features:
-Fast & reliable video calling on Stream's edge network
-Private and public video meeting calls with user permissions and roles
-Change microphone & camera settings & permissions
-Schedule meetings for the future & send invitation emails
-Call recording, screen sharing, picture-in-picture, muting & blocking users
-Toggle between different call layouts (grid & speaker layout)
-User authentication with Clerk & guest mode
Create your free Stream account here: getstream.io/video/sdk/react/?utm_source=youtube&utm_medium=referral&utm_content=&utm_campaign=codinginflow
Starting code: github.com/codinginflow/nextjs-zoom-clone/tree/0-Starting-Point
Other links:
Clerk dashboard: dashboard.clerk.com
Clerk middleware.ts: github.com/codinginflow/nextjs-zoom-clone/blob/Final-Project/src/middleware.ts
Stream Video SDK documentation: getstream.io/video/sdk/react
⭐ Get my full-stack Next.js with Express & TypeScript course: codinginflow.com/nextjs
✅ Get my free React Best Practices course: codinginflow.com/reactbestpractices
💌 Join my newsletter for regular web dev tips: codinginflow.com/newsletter
💬 Join our developer community on Discord: codinginflow.com/discord
📣 Follow Coding in Flow on social media:
Twitter: twitter.com/codinginflow
Instagram: instagram.com/codinginflow
TikTok: tiktok.com/@codinginflow
Facebook: facebook.com/codinginflow
Timestamps:
0:00 - Project preview
8:28 - Next.js project setup & Prettier Tailwind setup
19:40 - Stream & Clerk auth setup
30:20 - Log in/Log out (Clerk UserButton)
37:36 - Stream video context provider
1:04:18 - Create calls/meetings
1:37:22 - Join calls (meeting page)
1:51:10 - Custom call types & permissions (private meetings)
2:28:32 - Upcoming & ended calls
2:50:04 - Call setup screen
3:11:12 - Video call layout
3:32:26 - Query calls
3:47:23 - Call recordings
4:01:59 - Meeting login page (guest mode)
4:10:30 - Deployment on Vercel
Build and deploy a full-stack video calling application like Zoom, Microsoft Teams, or Google Meet using Next.js 14, React.js, the Stream Video SDK, Tailwind CSS, TypeScript, and more.
Features:
-Fast & reliable video calling on Stream's edge network
-Private and public video meeting calls with user permissions and roles
-Change microphone & camera settings & permissions
-Schedule meetings for the future & send invitation emails
-Call recording, screen sharing, picture-in-picture, muting & blocking users
-Toggle between different call layouts (grid & speaker layout)
-User authentication with Clerk & guest mode
Create your free Stream account here: getstream.io/video/sdk/react/?utm_source=youtube&utm_medium=referral&utm_content=&utm_campaign=codinginflow
Starting code: github.com/codinginflow/nextjs-zoom-clone/tree/0-Starting-Point
Other links:
Clerk dashboard: dashboard.clerk.com
Clerk middleware.ts: github.com/codinginflow/nextjs-zoom-clone/blob/Final-Project/src/middleware.ts
Stream Video SDK documentation: getstream.io/video/sdk/react
⭐ Get my full-stack Next.js with Express & TypeScript course: codinginflow.com/nextjs
✅ Get my free React Best Practices course: codinginflow.com/reactbestpractices
💌 Join my newsletter for regular web dev tips: codinginflow.com/newsletter
💬 Join our developer community on Discord: codinginflow.com/discord
📣 Follow Coding in Flow on social media:
Twitter: twitter.com/codinginflow
Instagram: instagram.com/codinginflow
TikTok: tiktok.com/@codinginflow
Facebook: facebook.com/codinginflow
Timestamps:
0:00 - Project preview
8:28 - Next.js project setup & Prettier Tailwind setup
19:40 - Stream & Clerk auth setup
30:20 - Log in/Log out (Clerk UserButton)
37:36 - Stream video context provider
1:04:18 - Create calls/meetings
1:37:22 - Join calls (meeting page)
1:51:10 - Custom call types & permissions (private meetings)
2:28:32 - Upcoming & ended calls
2:50:04 - Call setup screen
3:11:12 - Video call layout
3:32:26 - Query calls
3:47:23 - Call recordings
4:01:59 - Meeting login page (guest mode)
4:10:30 - Deployment on Vercel
