Build A Full-Stack Zoom Clone With Next.js And Stream Video SDK (React, TypeScript, Tailwind CSS)

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

Other links:

📣 Follow Coding in Flow on social media:

Timestamps:
0:00 - Project preview
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

[ayukalvieri]

Never have I doubted why i subscribed to this channel. Simply unique

[sarowarhosen]

you're my favorite teacher. you're doing hard work for us. may Allah reward you ❤

[rash-hit]

Everything Is Best ... Top Notch
Just a one suggestion - After Completing everything .. Just Please give us a whole overview of code . In One go .. Like how things are importing, how things are working, major concepts which require a recap ..

[Luisllaboj]

You're one of the few creators that show real life scenarios and real life solid solutions, not like most tutorials based on a script lol.
I wanted to ask if you have a preferred way to handle errors, or the best practices, in javascript, especially when using the try catch syntax

Should I be creating new custom Error classes and then handling them independently in the catch block with if(error instanceof CustomError) or is it better to always return an object followind a contract with either a data property for success >>> "{data: [....]}" or error property for error >>> "{error: ....}"

Or maybe you know a better and more solid way, would be really helpful, thank you

[tarikogic]

Awesome tutorial. Thanks. I really like that you are not rushing things and explain everything in detail. You have the perfect pace in order for the brain to process things. 👌

[sashaBejenari]

You are my discovery of the year! Thank for your videos!

[theapexman]

So much effort put in! Well done, awesome videos.

[Betro-jlor]

Toller Content den du international lieferst, weiter so! ❤

[dannyboichess]

31:32 Very Impressive 10x developer !!!

[dannyboichess]

Thank you so much, how long does it usually take to usually develop the application itself?

[MrGuysmo]

Thanks a lot !
How do you delete a upcoming meeting ? The only solution I found is to remove all members from the calls but it's not very clean

[yisus.thekraist]

Love this channel! I was wondering if you know why when I disable camera and mic the tab in the browser shows that is still using my camera and mic? It happens to me even when the call is ended. Thank you!

[solideopzendrato]

Thanks for the tutorial. This is great.🎉🎉
Anyway, could you please create another tutorial to add chat functionality so that the users can send the message and attachment during video call? It would be great if could make it. Thanks

[sainithinreddy]

your explanation is very good. please make a tutorial on live streaming app

[ryanbaltazar]

im really learning a lot from you. thank you! ❤

[natab]

Could you do a video building an online tutoring or appointment booking platform like preply or classgap? Thanks!!

[rupeshchincholkar]

hi, does screen share feature works on mobile?, i don't think it's works there

[ManishSharma-kyth]

Where are your all Android tutorials, I can't find any of them?

[naveenbasyal]

wow, greate !! gonna start a new project now :)

[KrunalKRG]

😍
Can you make complex projects with websocket