Super cool to see a new video from you. I learnt so much from these long form videos when I started coding. Especially cool because NextJS app router just became the recommended approach to writing modern code. Thanks for sharing!
Once again. Antonio comes back with another banger tutorial. The videos you give out to the community really helps out everyone. Even people who isn't beginners. Thank you Antonio!!!
@@benjaminpike Enterprise-level? Do you know how many startups there are who continually switch stacks because one doesn't work? Even if stacks are not overhauled, a significant portion of it might be. Like Discord switching from Go to Rust for backend. Let me guess, you're just an employee who has never run a business.
OK, i have finally finished this build successfully! Everything worked as it should. Thanks to your step by step explanation. I absolutely learned so much from this and its the best on the internet or any school. Thankyou for putting this together. I know it took you a long time and a lot of hard work! Like I said before, absolutely brilliant! Thankyou so much! The only problem that i had is you used 'eu' for your pusher cluster and mine was actually 'us3' so something people to note.
This is the first tutorial I follow from start to finish and I have to thank you sir, it's a great one! I've learned much about Next13, Pusher, Prisma and Tailwind. Keep up the great work!
This messenger chat app tutorial is truly comprehensive and amazing! I especially appreciate that this includes the final deployment! For next video could you make a full stack ecommerce app with deployment? Thank you so much!
I am very happy to see more project from your channel and I am a fan of your Nextjs13+Prisma+mongoDB 💯💯 your project is awesome I have learned a lot from every single line of code! I appreciated you very much🔥🔥
I'm only a couple of hours into the video but I just want to say "thank you so much" in advance. Your tutorials are the best I've ever seen out there on YT. Each of your projects combines multiple concepts into a very good project. Whenever I watch your videos, I feel overwhelmed, which for me is a good thing since it shows how much there is to learn. Thank you for your hard work. Really appreciate it :)
@@hemdadi71 you provided not enough info to solve your issue no one here is going to assist you since troubleshooting is a complex task and cannot be done or discussed in YT comments section. please, kindly google, UAV supplier country guy
@@hemdadi71 just curious how you managed to find a job in your terrorist country if you ask such questions. (your question shows that you never worked as a developer)
im officially 4 days and 4 horus and 15 minutes in LOL. great series. this has been a wild ride and a lot to take it. i will be pumped when i can code this well on my own one day!
Just completed this project. Thanks a lot mate, Lots of changes and additions required which will be my testing side of what I have learnt from this tutorial.
Antonio ive really been struggling with a shoulder injury i had related to sports, this tutorial brought my spiritis up, im so excited to learn how to build this with the latest up to date tech, thank you.
Antonia, How can I say this? I've learnt more from this Tutorial than my college classes that I paid thousands for. I'm forever grateful for what you have done for us. Thank you.
Wow what an amazing chat app! you earned yourself a new sub! Btw i have a suggestion, could you make a website with paid subscriptions that unlock some features? i have never seen anything like that on yt so i think it s good idea.What do you believe?
Great tutorial! I am so glad you are putting up those on youtube for free, the quality is top notch better than courses that I have paid money for.A small question that I have is, what extension you are using to auto generate the import statements
Glad you like the tutorials! For auto generating import statements, I use CTRL + Spacebar which triggers intellisense dropdown to pick what to import and the I just press enter (no extension). If you meant on the "sfc" shorthand that I am using, that is Simple React Snippets extension
this is the first project i have so far taken this far without excessive bugs..thank you for making this an easier path..at one time i will look back when i have also learnt coding and am a pro and i will look at this project as the start of it all. isnt it nice
Hi Antonio, appreciate this amazing build. I have made a few projects with React, Tailwind, Mongoose and MongoDB. I have no experience with Typescript, Next.js and the other stuff that you have used. I feel like learning all these with a project, do you reckon this would be too much for a beginner or should I go for it?
It would be super helpful if you could dive a bit more into the reasoning behind your code and provide some documentation pointers. I noticed that in your videos, you often mention steps without explaining the "why" behind them. This makes me pause the video, head to the documentation, and spend some time reading before I can continue. It would be awesome if you could clarify these points in just a sentence or two during your videos to keep the flow smooth and understanding high. Keep up the good work!
Hi Antonio, from what I could understand by going through the Prisma docs and the examples available there it makes sense to me to use the @relation annotation on the "many" side of a one-to-many relation and simply an array of the other model on the "one" side, so let's say for a Post and Comment scenario we would have comments Comment[] in the Post model and a @relation annotation in the Comment model. Based on this, in the schema you've shown I'm struggling to make sense of the purpose of using the messageIds field in the Conversation model. It confused me so much that I felt we need to define a relation with the Message model using this field which caused the vscode extension mark it all red. But after many days of deliberation I realized that we shouldn't really be needing this field at all since we're anyways defining a one-to-many relation between Conversation and Message. Can you please help me understand the purpose of having both messageIds and messages fields in the Conversation model.
Hi, thanks for poitning this out. While developing I was mostly doing this to fix prisma errors. I will check out if there is a simpler way to create relations between the two, and if you yourself think you found a better solution and it works, great!
Please one video about NextJS13 from scratch similar to The Complete Guide To Building A REST API With Node, Express, TypeScript & MongoDB + Authentication
I really liked the approach you used, usually people start with the UI and then move to the functionality, but we did db, connecting to MongoDB, sign-in and out. Thanks, man.
Thank you, I try to make it as "logical" as I can, so I build a bit of UI that is just enough for us to trigger some backend functionality, and then we do the backend, and like that in many segments. Makes more sense that way then to build entire frontend or entire backend first, people would not understand why we are doing it. There are exceptions like writing my Prisma Schema where i purposely write everything at once because modifying the schema causes errors to a lot of people and I just wanted to avoid that by writing it once and not touching again :D
Great tutorial, but I have one question: what do you think about creating a conversation after the user sends the first message? In your case, perhaps the user does not send a message and the conversation is created to take up database memory?
Want to get mentored by me? Apply at www.codewithantonio.com/mentorship Hello everyone! My apologies for not uploading, I had a busy few weeks. This time we explore the Next 13 App Router and create a real-time full-stack Messenger Clone! As always, if you get stuck in this very long tutorial, feel free to pop into Discord and we will help you out! discord.gg/SPEBvAz4Vd
No need to apologize. We should be the ones apologizing for demanding too much of you, especially on discord. Thank you for everything you've given to us. You are simply great! 🏆
despite being busy, u released another amazing tutorial. cant thank you enough for your amazing work and guidance, i have learned so much.Again, thank you so much mate and take it easy
Hi Antonio!! Is it possible to replace Pusher with Socketio or WS? I understand that Socketio already works correctly on Next14. Thank you very much for your work, greetings from Chile!
@@aryaadinulfadlan8998 pusher haven't support the app router, you can see when Antonio creating channelAuthorization, it still using pages router. And i can't complete this tutorial because of that
Clean approach and a best Next.js 13 Tutorial. Typescript scared me at first but it is very cool. Now i can use typescript in react easily. Thanks to you antonio
Aye! This guy has a channel full of dimond content! I subcribed and after this semester is over i am going to hyperfocus on a project with you. I hope i can get somewhere without getting stuck too bad. Cheers Antonio! 🎉😊
Antonio, you are the best, i made this project with you, but in some points i was adding new features to the project that i thinks would improve it, thats the best thing in this kind of projects, u could easily add new features but sometimes its so difficult to start, this is really good when someone is learning new technologies and frameworks, thanks again antonio, i learned a lot in this course
it's really awesome, I was afraid of Prisma. but now I understand and can realize everything. thanks, Antonio, for your great tutorial. Please keep going with the same stack with more projects.
I was trying to figure out how to implement Pusher in next.js 13 and this was exactly what I needed, even though I am not making a messenger app. Thanks for going in depth with such a great stack. Very cool.
GooD Dy. Thank you so much for this practical guide. I have followed through but currently experiencing difficulties in deploying to vercel. I believe this is an issue with vercel and the [...nextauth] route.
Finally Completed and Deployed Successfully Messenger App after completing previous Projects (Netflix, Twitter & Airbnb). Thank You Sir Antonio to help me becoming Full Stack Developer. Now going forward to next projects.
Super cool to see a new video from you. I learnt so much from these long form videos when I started coding. Especially cool because NextJS app router just became the recommended approach to writing modern code. Thanks for sharing!
Oh yea, your contents are also good, make more tRPC and t3 stuff
Thank you so much for support and all the great content you provide!
Once again. Antonio comes back with another banger tutorial. The videos you give out to the community really helps out everyone. Even people who isn't beginners. Thank you Antonio!!!
Happy to hear that, glad you like it!
how can fix Unexpected status code 401 error when use pusher?
@@codewithantonio where can I support you my brother?
This is awesome! So often tutorials avoid the cutting edge tech stacks, really happy to see something so current and robust Antonio!
Thanks for the nice comment!
Just be careful, real life production often avoids cutting edge stacks.
@@kaloca That's what you think.
@@benjaminpike Enterprise-level? Do you know how many startups there are who continually switch stacks because one doesn't work? Even if stacks are not overhauled, a significant portion of it might be. Like Discord switching from Go to Rust for backend. Let me guess, you're just an employee who has never run a business.
how can fix Unexpected status code 401 error when use pusher?
I have seen a lot of tutorials, but none with a presentation as well-organized and a teacher as well-spoken as this one. Excellent job, Antonio !
Wow, thank you!
how can fix Unexpected status code 401 error when use pusher?
OK, i have finally finished this build successfully! Everything worked as it should. Thanks to your step by step explanation. I absolutely learned so much from this and its the best on the internet or any school. Thankyou for putting this together. I know it took you a long time and a lot of hard work! Like I said before, absolutely brilliant! Thankyou so much! The only problem that i had is you used 'eu' for your pusher cluster and mine was actually 'us3' so something people to note.
Very happy to hear that, great job on finishing the entire thing! Thank you for watching!
Antonio ,
ur teaching style is next level.
such explanation makes it easy to follow.
Thank you!
I took my sweet ass time with tbh, had to read some documentation so I can engrain my head with this one. Thanks Antonio!
amazing job!
A true professional application with exceptional presentation.
This is the first tutorial I follow from start to finish and I have to thank you sir, it's a great one! I've learned much about Next13, Pusher, Prisma and Tailwind. Keep up the great work!
Happy to hear that! Thanks for watching!
How long did it take you to finish the project?
Thanks Antonio for another great tutorial, truly the best on RUclips, honestly. Greetings from Honduras 🇭🇳.
Glad you think so!
This messenger chat app tutorial is truly comprehensive and amazing! I especially appreciate that this includes the final deployment! For next video could you make a full stack ecommerce app with deployment? Thank you so much!
Glad you like it! Thank you for teh suggestion
@@codewithantonio yes pls also do the ecommerce
@dongyuexu4823 is any part skipped in this video?
Was just looking for somewhere to start with learning react and got recommended this, thanks so much
Happy you like it!
I am very happy to see more project from your channel
and I am a fan of your Nextjs13+Prisma+mongoDB 💯💯 your project is awesome I have learned a lot from every single line of code!
I appreciated you very much🔥🔥
Glad you like it!
Damn! This is so awesome! Thanks, Antonio!
Happy to hear that!
I'm only a couple of hours into the video but I just want to say "thank you so much" in advance. Your tutorials are the best I've ever seen out there on YT. Each of your projects combines multiple concepts into a very good project. Whenever I watch your videos, I feel overwhelmed, which for me is a good thing since it shows how much there is to learn.
Thank you for your hard work. Really appreciate it :)
Im very happy to hear that, thank you for watching my videos :)
how can fix Unexpected status code 401 error when use pusher?
@@hemdadi71 you provided not enough info to solve your issue
no one here is going to assist you since troubleshooting is a complex task and cannot be done or discussed in YT comments section.
please, kindly google, UAV supplier country guy
@@hemdadi71 just curious how you managed to find a job in your terrorist country if you ask such questions. (your question shows that you never worked as a developer)
@@27sosite73 Maybe the government of my country is a terrorist, but that does not mean that its people are also terrorists
Great great job Antonio! Im in the middle of building this project with you, and I'm loving it!
May your kids succed in life! Antonino! May you be blessed beyond comparison 😅
Thank you for the kind words!
Simply wow! You really helped me a lot on my programming journey!❤
I'm so glad!
im officially 4 days and 4 horus and 15 minutes in LOL. great series. this has been a wild ride and a lot to take it. i will be pumped when i can code this well on my own one day!
Happy you like it! Thanks for following the tutorial!
You'll get there
Just completed this project. Thanks a lot mate, Lots of changes and additions required which will be my testing side of what I have learnt from this tutorial.
Glad it helped
Hey antonio, please release more tutorials, I am nearly done with this one and I really learned a lot.
Thank you for watching! New ones are in progress!
Awesome, I was looking for such a tutorial last month but wasn't able to find something that pleased me.
Happy you find it useful!
Amazing! I always wanted to make a realtime messenger. I tried with firebase but it had quite a bit of delay. I'm sure I'll a lot from this one.
Happy you like the tutorial!
Firebase doesnt have quite of bit of delay, you did something wrong my friend
@@iGhostr yeap :( cuz I have no idea how real-time should work from FE side. but not anymore thanks to Antonio :)
Antonio ive really been struggling with a shoulder injury i had related to sports, this tutorial brought my spiritis up, im so excited to learn how to build this with the latest up to date tech, thank you.
Hope you get better soon, thank you for watching, glad you like it!
Antonia, How can I say this? I've learnt more from this Tutorial than my college classes that I paid thousands for. I'm forever grateful for what you have done for us. Thank you.
Very happy it was helpful! Thank you for watching!
how can fix Unexpected status code 401 error when use pusher?
Subscribed! Will watch later. Thanks for creating these.
Thank you!
Wow what an amazing chat app! you earned yourself a new sub! Btw i have a suggestion, could you make a website with paid subscriptions that unlock some features? i have never seen anything like that on yt so i think it s good idea.What do you believe?
Thank you for the nice comment and a great suggestion! :)
Thankyou Antonio for this great tutorial !
Glad it was helpful!
Great tutorial! I am so glad you are putting up those on youtube for free, the quality is top notch better than courses that I have paid money for.A small question that I have is, what extension you are using to auto generate the import statements
Glad you like the tutorials! For auto generating import statements, I use CTRL + Spacebar which triggers intellisense dropdown to pick what to import and the I just press enter (no extension). If you meant on the "sfc" shorthand that I am using, that is Simple React Snippets extension
this is the first project i have so far taken this far without excessive bugs..thank you for making this an easier path..at one time i will look back when i have also learnt coding and am a pro and i will look at this project as the start of it all. isnt it nice
As a beginner, thanks for your awesome work Antonio, looking forward to more!
Glad to hear that, thank you!
Bro you're definitely one of those beasts that provide really good free values like JavaScript Mastery, EdRoh, etc. that rivals each other
Those are some really great channels, thank you!
Damn, i wasn't prepared for this! So excited, thanks, Antonio, you are the best !!!!
Thank you!
Hi Antonio, appreciate this amazing build.
I have made a few projects with React, Tailwind, Mongoose and MongoDB. I have no experience with Typescript, Next.js and the other stuff that you have used. I feel like learning all these with a project, do you reckon this would be too much for a beginner or should I go for it?
Antonio, You are a Life Saver!!
This is a great project to understand Nextjs.
The tutorial was beneficial and easy to understand.
Thanks!!
Happy to hear that, glad you like it!
Antonio you are the best. Are you going to teach us the microservice architecture?
Thank you, that seems like an interesting idea, I will for sure put it in my future plans
This is the best tutorial ever! I'm gonna spend my entire weekend watching this, thank you so much
Happy to hear that!
It would be super helpful if you could dive a bit more into the reasoning behind your code and provide some documentation pointers. I noticed that in your videos, you often mention steps without explaining the "why" behind them. This makes me pause the video, head to the documentation, and spend some time reading before I can continue. It would be awesome if you could clarify these points in just a sentence or two during your videos to keep the flow smooth and understanding high. Keep up the good work!
I love when you say "Great, Great Job" after writing some code
haha I hope its not annoying
@@codewithantonio Not at all. By the way, I am learning so many things from your content!
Hi Antonio, from what I could understand by going through the Prisma docs and the examples available there it makes sense to me to use the @relation annotation on the "many" side of a one-to-many relation and simply an array of the other model on the "one" side, so let's say for a Post and Comment scenario we would have comments Comment[] in the Post model and a @relation annotation in the Comment model. Based on this, in the schema you've shown I'm struggling to make sense of the purpose of using the messageIds field in the Conversation model. It confused me so much that I felt we need to define a relation with the Message model using this field which caused the vscode extension mark it all red. But after many days of deliberation I realized that we shouldn't really be needing this field at all since we're anyways defining a one-to-many relation between Conversation and Message. Can you please help me understand the purpose of having both messageIds and messages fields in the Conversation model.
Hi, thanks for poitning this out. While developing I was mostly doing this to fix prisma errors. I will check out if there is a simpler way to create relations between the two, and if you yourself think you found a better solution and it works, great!
Really enjoyed this series, thanks Antonio!
Glad you enjoyed it!
Please one video about NextJS13 from scratch similar to The Complete Guide To Building A REST API With Node, Express, TypeScript & MongoDB + Authentication
Thanks for the suggestion!
Wow! This looks like a marvellous project Antonio. I'll dive into it as soon as I get home.
Thank you!
May your favourite football team always win 😭🙏
🤣Thank you!
Which football team😅 do you support @antonio
How to set favicon in nextjs 13.3+ , mine doesn't working and the docs are poor
Winning every time is not fun by the way
Hahaha 😂
I really liked the approach you used, usually people start with the UI and then move to the functionality, but we did db, connecting to MongoDB, sign-in and out. Thanks, man.
Thank you, I try to make it as "logical" as I can, so I build a bit of UI that is just enough for us to trigger some backend functionality, and then we do the backend, and like that in many segments. Makes more sense that way then to build entire frontend or entire backend first, people would not understand why we are doing it. There are exceptions like writing my Prisma Schema where i purposely write everything at once because modifying the schema causes errors to a lot of people and I just wanted to avoid that by writing it once and not touching again :D
Great tutorial, but I have one question: what do you think about creating a conversation after the user sends the first message? In your case, perhaps the user does not send a message and the conversation is created to take up database memory?
Thank you so much Antonio! This is one of the best tutorials I've ever seen!
Happy to hear that, thanks for watching!
How do we get to your level where we can build these apps on our own? This is crazy great video.
It is just practice practice and practice :)
I am very excited when get noti from your channel, i started liking to use combo prisma with mongodb because of you 🎉🎉
Thank you, happy to hear that!
Can you use docker so that a newer version of something doesn’t break this amazing project. It’s the #1 issue with all these lengthy projects.
thank you for this amazing NextJs project I have learned so many things in this project
Want to get mentored by me? Apply at www.codewithantonio.com/mentorship
Hello everyone! My apologies for not uploading, I had a busy few weeks. This time we explore the Next 13 App Router and create a real-time full-stack Messenger Clone! As always, if you get stuck in this very long tutorial, feel free to pop into Discord and we will help you out! discord.gg/SPEBvAz4Vd
No need to apologize. We should be the ones apologizing for demanding too much of you, especially on discord. Thank you for everything you've given to us. You are simply great! 🏆
Thank you for all your efforts. I am from Madagascar and I have learned a lot from all your videos on web development.
despite being busy, u released another amazing tutorial. cant thank you enough for your amazing work and guidance, i have learned so much.Again, thank you so much mate and take it easy
Thank you so much Antonio from this tutorial. I've learned a lot from this video. Great!
Hi Antonio!! Is it possible to replace Pusher with Socketio or WS? I understand that Socketio already works correctly on Next14. Thank you very much for your work, greetings from Chile!
why do you prefer socketio over pusher?
@@aryaadinulfadlan8998 pusher haven't support the app router, you can see when Antonio creating channelAuthorization, it still using pages router. And i can't complete this tutorial because of that
Nice to see that this tutorial is using the new app directory
Happy you like it!!
Telegram please 🥺❤
Thank you for the suggestion!
Man this is such a well organized tutorial, thanks a lot!
Glad it was helpful!
Thanks for the great content Antonio! Love the depth of this one! Great job!
Thank you!
Thanks Antonio i am goingto complete airbnb project and then this one so, i hope you will continue like this real world projects
Thank you for watching my tutorials!
Such a great video, thanks Antonio! 🙏
Glad you liked it!
Finally a headless ui tutorial from you! Thanks.
Glad you like it!
Congrats on another great build!
Thank you!
Antonio! This is just WOW good sir! Fantastic!🎉🎉🎉
Thank you for the kind words!
This tutorial was literally out of this world, and it’s FREE
So happy you like it!
Menudo máquina Antonio. Tu canal ha sido un gran descubrimiento
Was eagerly waiting for new tutorials
Thank you for following the channel!
Thanks to you, I was able to get used to next. Thank you, Antonio
Happy to hear that, thank you for watching!
I finished this video!! The chat function was harder than I thought but it was fun. and full-stack developer is so crazy. This is awesome and you!!
Cant thank you enough for your amazing work and guidance, i have learnt alot
Glad you like it, thank you!
just awesome..! Thanks a lot Antonio!!
Glad you like it!
Clean approach and a best Next.js 13 Tutorial. Typescript scared me at first but it is very cool. Now i can use typescript in react easily. Thanks to you antonio
Happy you like it, thank you!
I can’t hit the like button hard enough than this; subed 🎉
Happy to hear that!
Thanks Brother. Learned so much from this tutorial.
Definitely my favorite channel for development
Thank you!
Still working through the Airbnb tutorial, looking forward to this after
This is gonna be a fun summer project ^^
Happy to hear that!!
@@codewithantonio Hi, on 2:36:53 line 30, it say key={route.href}. Did you mean {route.label}?
this tutorial is awesome! definately hooked on next js now!!
finally i finish watching this lecture!! thank you antonio!
added to my favorites , i will watch it later , i loooooooooove the demo
Happy to hear that!
Another great tutorial. Thank you.
Glad you like it, thank you!
Aye! This guy has a channel full of dimond content! I subcribed and after this semester is over i am going to hyperfocus on a project with you. I hope i can get somewhere without getting stuck too bad. Cheers Antonio! 🎉😊
Happy to hear that! :)
I'm just saying how patient you are to make this video that inspired me.
Happy you like it!
Fantastically advance.. thanks my man.. look forward for next13 e-commerce + auth
Thank you!
Antonio, you are the best, i made this project with you, but in some points i was adding new features to the project that i thinks would improve it, thats the best thing in this kind of projects, u could easily add new features but sometimes its so difficult to start, this is really good when someone is learning new technologies and frameworks, thanks again antonio, i learned a lot in this course
You are amazing as a teacher.....❤❤💖💖🥰🥰
Thanks for tutorials. You are a legend
Thank you for watching!
best course! love it
Glad you enjoy it!
amazing as always
Thank you very much!
great video!! Thanks bro. Likes from Brazil 🇧🇷, I really appreciate this project!
Happy to hear that!
Thanks a lot antonia. Love and respect from India
Glad you like it!
Thanks Antonio, keep going
Thank you, glad you like it!
it's really awesome, I was afraid of Prisma. but now I understand and can realize everything. thanks, Antonio, for your great tutorial. Please keep going with the same stack with more projects.
Glad you like it! Thanks for watching!
Thank you so much Antonio. Just completed this project . I have learned so many thing . Keep up like this.❤❤
one of the best tutorial's I've Ever seen 😍, Thanks' Antonio💜
This is awesome..I love your content!❤❤❤
Happy to hear that, thank you!
I was trying to figure out how to implement Pusher in next.js 13 and this was exactly what I needed, even though I am not making a messenger app. Thanks for going in depth with such a great stack. Very cool.
Glad it helped!
GooD Dy. Thank you so much for this practical guide. I have followed through but currently experiencing difficulties in deploying to vercel. I believe this is an issue with vercel and the [...nextauth] route.
Hi, glad you liked the tutorial, if you want to you can post more information about your problem in the discord, it will be easier to debug
Thanks for sharing your experience with us and i really need this project. ❤❤❤
Glad you like it!
Antonio sos un capo, recien voy 1h40 minutos, agradezco mucho este contenido.
Your content is awesome 💯
Thanks for the tutorial.
Finally Completed and Deployed Successfully Messenger App after completing previous Projects (Netflix, Twitter & Airbnb). Thank You Sir Antonio to help me becoming Full Stack Developer. Now going forward to next projects.