There we go, part 2 and last part of our Twitch Clone. This was extremely fun to build and hope you will learn a lot in this free 14 hour tutorial! A quick reminder that I am also actively developing "Additional content" including using next-auth for this course which you can find in the description if you want to learn more or use it as a donation for this channel ❤
I am speechless you are very generous. May God give bless you! it is unbelievable to see full project for free, I couldn't afford this if it was by payment. I owe you a lot, "Thank you" is not enough 🙏
@@nishantkathrotiya7723 I dont have figma designs for any of my videos, I use original website that I am cloning and ocasionally visit dribbble for inspiration
I want to say that I finished this project and it is by far the best project I have ever seen in my life. Your other ones were excellent as well, but this was a lot of learning different things in one tutorial. Not only do i wish to thank all the effort that undoubtably takes into creating these, but your teaching the way you do is very thorough and comprehensive. I truly learned a lot and I will subscribe to this because just this tutorial is worth a lot more than you can ever imagine. Merry Christmas to you Antonio. and thanks again.
I did not have any errors during this build. It went quite smooth. I also did this, this week so i used the latest dependencies. I also did not have any issues with Next JS that Antonio had where he had to edit the config files or was it the middleware? I cannot remembers now.
I was trying to learn Web development since the last summer. Before finding your Twitch tutorial, I was struggling too much while trying to learn something. Being a Unity game developer for over 7 years the Web development requires a completely different mindset to create something working. Your tutorial best "Intro to Web Dev" content I could find. I really attached to your content and learned a lot of things.
I express my sincere gratitude, acknowledging that no amount of thanks can adequately convey my appreciation. Thank you very much, not only on my behalf but also on behalf of others who may benefit.
Really interesting content! I appreciate the effort that went into creating such high quality content. Looking forward to seeing what you come up with next!
Hi Antonio, first of all I want to congratulate you, you are an excellent programmer, if one day you can make a UA-cam clone that would be amazing. Take care and keep up the good work, good luck with your projects.
Awesome video, thanks for the hardwork you put in! Do you maybe have in store for the future tutorialsa Fullstack with NextJS Prisma GraphQL ? Happy Holidays!
Thank you for this gem of a content. Cant thank you enough. You set the bar of top notch content. I can give you one suggestion. Please dont only code also explain what are you using it for. You didnt provide enough information regarding Livekit implementation and all I am doing copy pasting. It will be better if you explain the code step by step in your upcoming videos. Apart from that I am learning alot from your videos.
Thank you for the feedback, at one point I started rushing because I wanted to fit the video inside 12 hours (youtube limit for 1 video), but ended up doing part 1 and part 2 so some parts are a bit rushed sorry :)
@@codewithantonio Its okay. You will get better and better with more videos you do. And dont worry about the time if this was 20hrs video. I would still watch it. Your content is is love man. Keep it up.
Great video, really like the way you explained each step and made everything clear. Would be really cool if you created a Steam client clone, would be nice to see how these game clients work.
Thank you, yes! I definitely plan on adding "learn more" button to my older tutorials on my platform, this one was a great way to test that functionality out and it seems to be ready to be used further. What tutorial did you have in mind?
Sorry sir, I have a problem, at 45:06 after selecting RTMP and clicking Generate, in console the error appears Internal error: Error: Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported. but i check on Prisma successfully created the data. help me sir
Once again - very useful! Btw do you have any video (or plan to do) which includes Server Side filtering of bigger datasets? Like Reporting or Dashboards? Something like Kibana just based on Next and JSON data :D
there is an error: preset: IngressVideoEncodingPreset.H264_1080P_30FPS_3_LAYERS, error: Object literal may only specify known properties, and 'preset' does not exist in type 'IngressVideoOptions'.
Dear ❤❤ Antonio Sir, I'm a huge fan of your work and I've watched all of your videos! They've been incredibly helpful in expanding my knowledge of various technologies, especially Next.js. Coming in with little prior knowledge, your videos have made me comfortable with its features and potential. Additionally, I've gained valuable insights into tools like Clerk and Prisma, which have significantly strengthened my frontend development skills. Recently, I aware Gemini AI from Google and I'm truly impressed by its capabilities. The ease of accessing powerful built-in models through an API key is remarkable and its potential to enrich web applications with advanced features while maintaining lightness and security is truly exciting. This brings me to a request. I believe a video showcasing an application built around Gemini AI, demonstrating its feature integration with a well-designed UI, would be incredibly valuable for many viewers, myself included. Such an application could serve as a practical example of how to leverage Gemini AI's potential and inspire future projects.
Hey Antonio i love your videos. therefore i've subscribed your channel. you're serving amazing work. "My request is that please build ClickFunnel clone or drag and drop websie builder clone " ?
antonio if u see this please reply, how do u maintain to know and understand all this libraries? I mean reading documentation and apply it on ur projects is one of the challenges that i have right now after 2 years coding
I have a question. you called getSelf function in both dashboard layout and page routes under that layout. Are those request to databased executed in a sequential or parallel way? is having those functions in both parent and child component going to affect performance?
To access environment variables in a Next.js application with Docker on the client side, when i try to access in docker it give me undefined.. solution next js docker
Can anyone suggest what the problem might be? I am getting an error when creating Video component: "Error: No response is returned from route handler 'D:\streaming-app\app\api\webhooks\livekit oute.ts'. Ensure you return a `Response` or a `NextResponse` in all branches of your handler."
Super Amazing. if i could make a suggestion, can you show us how to use our pc and turn it into a server? as well as handle file upload and data store and make it public to be accessible globally? i know it requires a public ip from our ISP but there might be other way for this method.
Do you plan to do a project using React with tailwind and so on? perhaps using an architecture or in an educational way but focused more on React and not Next?
Hello again!!!😘❤ I want the following video - authorization example (Nextjs 14, typescript, server actions, nextauth 5, prisma, shadcn ui, react-hook-form, zod, sonner). User authorization, user registration, user roles. 😇Thank you dear friend!😇
Can someone help me fix Error: Request failed with status 429: Too Many Requests when generating key? I've been waiting for a few days and it's still the same.
I like to follow all these videos but do you have videos for beginners? I know HTML & CSS & very basic JavaScript so I need to know what to learn first and from where so I can follow you along. I really want to build or better web apps. I don’t like no code tools as there are always limitations. Thanks 🙏
Рік тому
Thank you antonio for this amazing course! I made it to the end and successfully deployed the app to vercel with just one error. I can stream to the app with keys I made from earlier, but when I try creating new keys I get an error of status code 500. Any idea what could be causing this? It worked perfectly in development.
Hi i love your videos i want to ask you something please , am intending on doing an lms project with realtime communication but i am hesitating to integrate it , i don't know how much will it cost in the production can you give me advices
Really really nice tutorial! BUT PlanetScale has changed something: Starting April 8th, the Hobby plan will no longer be available. So, which DB do you recommend instead? Keep up the good work!
Hello Antonio at this moment we are occurring of problem of livekit-server-sdk and we are not able to create RTMP connection the problem in server actions createIngress can you please try to resolve it you have so many posts in discrod regarding this but no one findd
i've question can i make this full stack with react and node express i've good backend so yeah tell i want to learn web sockets and webrtc via express can i follow this ?
I got the error:" Failed to connect to server. The RTMP server sent an invalid SSL certificate." when Start Streaming from OBS. Anyone has the same issue?
Ok, there seems to be a problem with SSL, and it should be resolved soon. For now you can simply use "rtmp://..." instead of "rtmps://..." for your server url in OBS and everything should work fine! Later you can try rtmps:// again.
@@codewithantoniothank you so much for all your great courses! I'm learning. a lot from them. How can I donate bro? not much money but just my appreciation
I have just finished the project, everything worked just fine except for one thing: The volume and mute management don't work. The volume of video element is changed, but the voice I heard doesn't.
There we go, part 2 and last part of our Twitch Clone. This was extremely fun to build and hope you will learn a lot in this free 14 hour tutorial! A quick reminder that I am also actively developing "Additional content" including using next-auth for this course which you can find in the description if you want to learn more or use it as a donation for this channel ❤
hello Brother can you provide Figama Design link for this clone app?
I am speechless you are very generous. May God give bless you!
it is unbelievable to see full project for free, I couldn't afford this if it was by payment. I owe you a lot, "Thank you" is not enough 🙏
@@nishantkathrotiya7723 I dont have figma designs for any of my videos, I use original website that I am cloning and ocasionally visit dribbble for inspiration
@@codewithantonio thanks brother
Sir plz make tiktok clonee too
I want to say that I finished this project and it is by far the best project I have ever seen in my life. Your other ones were excellent as well, but this was a lot of learning different things in one tutorial. Not only do i wish to thank all the effort that undoubtably takes into creating these, but your teaching the way you do is very thorough and comprehensive. I truly learned a lot and I will subscribe to this because just this tutorial is worth a lot more than you can ever imagine.
Merry Christmas to you Antonio. and thanks again.
i have started doing this project. just wanted to ask you did you faced any error which i should take care of.
Very happy to hear that, I tried my best in this project, great job and happy holidays!
I did not have any errors during this build. It went quite smooth. I also did this, this week so i used the latest dependencies. I also did not have any issues with Next JS that Antonio had where he had to edit the config files or was it the middleware? I cannot remembers now.
I was trying to learn Web development since the last summer. Before finding your Twitch tutorial, I was struggling too much while trying to learn something. Being a Unity game developer for over 7 years the Web development requires a completely different mindset to create something working. Your tutorial best "Intro to Web Dev" content I could find. I really attached to your content and learned a lot of things.
Im very glad I could be of help on your journey! Good luck!
I express my sincere gratitude, acknowledging that no amount of thanks can adequately convey my appreciation. Thank you very much, not only on my behalf but also on behalf of others who may benefit.
Thank you very much for the kind words :)
Currently following your first part, excited about this one. Keep up the good work my friend and thank you for providing such resource 🙏🏻
Good luck and thank you for watching!
Bro , mad respect to you for sharing such builds. Gonna pay you money for such tutorials once i get a job xD
Glad you like them!
This course was very long. The VIDEO part was difficult, but I was able to complete it. Your channel is very informative. Thank you for everything.
Thank you for all these great comprehensive tutorials. please keep up this excellent work.
Glad you like them!
Sir, you are a gem for us.
A Student
Glad you like my content!
I was confused about so much things and you made everything clear for me. thank you Antonio.
Happy to help!
Thank you so much, Antonio! I just bought the additional content too! :)
Glad you like it! Thank you very much for your support ❤️
Amazing tutorial!!
Im not a react developer and even so im able to understand pretty much everything you taught !!
Very happy to hear that, glad you like it!
Antonio out here showing us levels in the coding 😂… man, I love it 🎉🎉🎉
Glad you like the content :)
You are the most beautiful person I found on UA-cam, thank you for existing, greetings from Peru
Happy you like my content :)
this is a crazy content. i get a lot new knowledge. thanks man
Glad I could help! :)
lots of new stuff to learn. thank you man for all of the dedication you do for the community .
Thank you for your support 🙏
Really great tutorial. One suggestion : please use atomic design folder structure in next videos as there is not even a single video on youtube on it.
Thank you for making such great tutorials.
Thanks for watching!
long time ago I said You are the best developer on YT and now I would say u are like an AI 😂
hahaha thank you for the support
@@codewithantonio the best project in my life 🤗
As a creator myself, I have no idea how you manage to create these 14-hour-long tutorials 😅 The max I can do is 7
hahaha I try my best 😆
you are both wonderful
Amazing Man! The best tutorial ever.
Thank you very much :)
Really interesting content! I appreciate the effort that went into creating such high quality content. Looking forward to seeing what you come up with next!
Thank you!
Little issue: At around 2:59:08, date format "HH:MM" should be "HH:mm" as "MM" stands for month and "mm" stands for minutes.
Excellent content anyway!
oops, thanks for correcting!
you're doing a lot for us Antonio, thank you.
Im happy to help :)
you deserve every love possible
Thank you a lot ❤️
Thank u for these tutorials, u are turning us in to better developers ☺️❤️
Glad I could help!
Hi Antonio, first of all I want to congratulate you, you are an excellent programmer, if one day you can make a UA-cam clone that would be amazing. Take care and keep up the good work, good luck with your projects.
Great Job! Thanks Bro For your Excellent Tutorials 👍👏👏
Thank you!
I AM JUST SEEING YOUR YOUR VIDEOS I DONT KNOW HOW TO THANK YOU I REALLY LOVE YOUR CONTENT I LIKE YOU
Glad you like my content :)
Awesome video, thanks for the hardwork you put in! Do you maybe have in store for the future tutorialsa Fullstack with NextJS Prisma GraphQL ? Happy Holidays!
Exelent antonio!
Thank you!
Congrat Antonio for the Mention you got from Theo!!!... Keep making awesome Build and the way you code!
Thank you very much!
52:17 failed to connect the server error is showing in OBS
Thanks bro, this is great keep up the good work, you are blessed ❤❤❤
Thank you!
Thank you for this gem of a content. Cant thank you enough. You set the bar of top notch content. I can give you one suggestion. Please dont only code also explain what are you using it for. You didnt provide enough information regarding Livekit implementation and all I am doing copy pasting. It will be better if you explain the code step by step in your upcoming videos. Apart from that I am learning alot from your videos.
Thank you for the feedback, at one point I started rushing because I wanted to fit the video inside 12 hours (youtube limit for 1 video), but ended up doing part 1 and part 2 so some parts are a bit rushed sorry :)
@@codewithantonio Its okay. You will get better and better with more videos you do. And dont worry about the time if this was 20hrs video. I would still watch it. Your content is is love man. Keep it up.
this video is awesome
Thank you!!
Thank you so much Antonio
Enjoy!
Awesome 🎉
thanks for this..surely i will do it in this week
Good lucK!
Great video, really like the way you explained each step and made everything clear. Would be really cool if you created a Steam client clone, would be nice to see how these game clients work.
Man this is like magic. How do you master and apply all this things at such a fast pace.
Glad you like the content, its a combination of lots of experience and fact that I love doing this :)
You are great 👍 one question - will we ever see a backend from you? Nest js?
The goat 🐐
Thank you!
Unstoppable 🔥
Hope you like it!
Awesome course for me, thanks a lot.
Glad it was helpful!
I love your tutorials, here is another great one. Is it possible to get a learn more button to your other tutorials like the lms?
Thank you, yes! I definitely plan on adding "learn more" button to my older tutorials on my platform, this one was a great way to test that functionality out and it seems to be ready to be used further. What tutorial did you have in mind?
@@codewithantonio Build An LMS Platform
I really voted you to push your second video in your platform but . As always, thanks for your content.
oh its been on the platform since yesterday! This is just for those who find it easier to use youtube :)
Sorry sir, I have a problem, at 45:06 after selecting RTMP and clicking Generate, in console the error appears Internal error: Error: Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported. but i check on Prisma successfully created the data. help me sir
Amazing as always! Maybe next tutorial on building widgets like Intercom's chat widget? Or a zapier clone?
Great suggestion!
Do you do React Native too? Will be very interested in a RN eCommerce tutorial :)
thanks mann
Happy to help!
Thank you again! you are awesome
one question - what's next? I'm so excited to build more and more projects
We’ll see!
I've been enjoying your videos lately. I was wondering if you could create a tutorial on building a Clockify clone.
Cool suggestion!
can u make a tutorial on pen tab note taking apps
Thank you for the suggestion
Once again - very useful! Btw do you have any video (or plan to do) which includes Server Side filtering of bigger datasets? Like Reporting or Dashboards?
Something like Kibana just based on Next and JSON data :D
Please make Canvas/Figma project ❤❤❤❤❤
Great suggestion!
Dope ❤
Can you do portfolio project.
Project idea:
A google meet clone, with face blur, bg blur, emojis at face, this will be a complex project involving lots of learning.
Thanks for this
Thanks for the idea!
As always such a huge share
Glad you like it!
THANK YOU!!! 🤝
Thank you for watching!
super cool as always
can you please do another clone but a simpler version website so that the duration would be around 2 hours only?
there is an error:
preset: IngressVideoEncodingPreset.H264_1080P_30FPS_3_LAYERS,
error: Object literal may only specify known properties, and 'preset' does not exist in type 'IngressVideoOptions'.
get a different version of livekit
"livekit-client": "^1.15.4",
"livekit-server-sdk": "^1.2.7"
you have to do only this in package.json and everything is working fine
Dear ❤❤ Antonio Sir,
I'm a huge fan of your work and I've watched all of your videos! They've been incredibly helpful in expanding my knowledge of various technologies, especially Next.js. Coming in with little prior knowledge, your videos have made me comfortable with its features and potential. Additionally, I've gained valuable insights into tools like Clerk and Prisma, which have significantly strengthened my frontend development skills.
Recently, I aware Gemini AI from Google and I'm truly impressed by its capabilities. The ease of accessing powerful built-in models through an API key is remarkable and its potential to enrich web applications with advanced features while maintaining lightness and security is truly exciting.
This brings me to a request. I believe a video showcasing an application built around Gemini AI, demonstrating its feature integration with a well-designed UI, would be incredibly valuable for many viewers, myself included. Such an application could serve as a practical example of how to leverage Gemini AI's potential and inspire future projects.
Could you guide me in writing a backend with Express.js in TypeScript and a frontend with Next.js?
Thank you sir ❣
Thank you for watching!
I hope you make a video on building a UA-cam platform on your own, or facebook ( maybe).
Hi wich program do u use to record ur screen ? Thank u keep up
OBS and Premiere Pro to edit
Hey Antonio i love your videos. therefore i've subscribed your channel. you're serving amazing work.
"My request is that please build ClickFunnel clone or drag and drop websie builder clone " ?
antonio if u see this please reply, how do u maintain to know and understand all this libraries? I mean reading documentation and apply it on ur projects is one of the challenges that i have right now after 2 years coding
Bro when will you launch your courses?? .
Hey! Great video I want to continue it can you guide me a little how can I implement webrtc in it?
Hi ! Can you finished de project?
First comment 😊 u are amazing sir 😍
Thank you for the support :)
Hey,as i dont know next and prisma ,can i learn it on the way watching your video or have to learn individually ?
I try my best to explain things along the way, Give it a shot!
you do project Backend-golang and Frontend-Nextjs
Another amazing effort lil Antonio, now am doing your lms next13 project so can i use like commercial bro gimy advice for that
Hey planetscale's hobby database are not available in India what to do??
I have a question, hope you will answer me. Does this livestream app support adaptive streaming with VOD?
I have a question. you called getSelf function in both dashboard layout and page routes under that layout. Are those request to databased executed in a sequential or parallel way? is having those functions in both parent and child component going to affect performance?
To access environment variables in a Next.js application with Docker on the client side,
when i try to access in docker it give me undefined.. solution next js docker
Can anyone suggest what the problem might be? I am getting an error when creating Video component:
"Error: No response is returned from route handler 'D:\streaming-app\app\api\webhooks\livekit
oute.ts'. Ensure you return a `Response` or a `NextResponse` in all branches of your handler."
make sure inside your livekit webhook you are always returning a default response! compare your livekit webhook with mine from source code
I reinstalled all the packages with your versions and after that the error was solved, thanks@@codewithantonio
Super Amazing. if i could make a suggestion, can you show us how to use our pc and turn it into a server? as well as handle file upload and data store and make it public to be accessible globally? i know it requires a public ip from our ISP but there might be other way for this method.
What a champ!
Thank you!
Do you plan to do a project using React with tailwind and so on? perhaps using an architecture or in an educational way but focused more on React and not Next?
How to install the same version of livekit/components-react that you have used
Thank you
You're welcome!
Hello again!!!😘❤
I want the following video - authorization example (Nextjs 14, typescript, server actions, nextauth 5, prisma, shadcn ui, react-hook-form, zod, sonner). User authorization, user registration, user roles.
😇Thank you dear friend!😇
Thank you for the suggestion!
Are the packages and db used free? Or I need to pay for anything. Please I need answer 🙏. Great work Antonio. You r the G.O.A.T
Can someone help me fix Error: Request failed with status 429: Too Many Requests when generating key? I've been waiting for a few days and it's still the same.
I like to follow all these videos but do you have videos for beginners? I know HTML & CSS & very basic JavaScript so I need to know what to learn first and from where so I can follow you along. I really want to build or better web apps. I don’t like no code tools as there are always limitations.
Thanks 🙏
Thank you antonio for this amazing course! I made it to the end and successfully deployed the app to vercel with just one error. I can stream to the app with keys I made from earlier, but when I try creating new keys I get an error of status code 500. Any idea what could be causing this? It worked perfectly in development.
Hi i love your videos i want to ask you something please , am intending on doing an lms project with realtime communication but i am hesitating to integrate it , i don't know how much will it cost in the production can you give me advices
Really really nice tutorial! BUT PlanetScale has changed something: Starting April 8th, the Hobby plan will no longer be available. So, which DB do you recommend instead? Keep up the good work!
Hi, you can go on my website and find the “Prisma and free databases” course to see alternatives and how to connect them
Can you please create excalidraw in mern stack?
Cool idea!
please make Miro
Hello Antonio at this moment we are occurring of problem of livekit-server-sdk and we are not able to create RTMP connection the problem in server actions createIngress can you please try to resolve it you have so many posts in discrod regarding this but no one findd
i've question can i make this full stack with react and node express i've good backend so yeah tell i want to learn web sockets and webrtc via express can i follow this ?
Where did you learn all the stuff you know?
Can't find this info anywhere, does this save the streams as a vod after?
Hi ! Can you finished the project?
I got the error:" Failed to connect to server. The RTMP server sent an invalid SSL certificate." when Start Streaming from OBS. Anyone has the same issue?
I will test this out today and see what it could be!
Ok, there seems to be a problem with SSL, and it should be resolved soon. For now you can simply use "rtmp://..." instead of "rtmps://..." for your server url in OBS and everything should work fine! Later you can try rtmps:// again.
@@codewithantonio yep, it's! Thanks so much bro!
@@codewithantoniothank you so much for all your great courses! I'm learning. a lot from them. How can I donate bro? not much money but just my appreciation
I have just finished the project, everything worked just fine except for one thing: The volume and mute management don't work. The volume of video element is changed, but the voice I heard doesn't.