🔴 Let's build a Whatsapp Clone with NEXT.JS! (1-1 Messaging, Live Status, Styled-Components, React)

Sdílet
Vložit
  • čas přidán 24. 08. 2024

Komentáře • 418

  • @SonnySangha
    @SonnySangha  Před rokem +4

    📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university

  • @jasonmai8695
    @jasonmai8695 Před 3 lety +101

    Man Sonny, I was the worst in my class in high school, I've always wanted to be a programmer because I like logic, but every one of my friends said I suck at math and could not possibly be a programmer. But then I saw one of your videos with Qazi, I learn bits by bits through the videos, I worked as a marketing employee at a company I don't even like and now, after 1.5 years, I can build full-stack websites, work at a job I love ( even though the money is still to come ) thanks to you guys. I thank you

    • @SonnySangha
      @SonnySangha  Před 3 lety +17

      You are absolutely welcome dude!!! Keep on crushing it!!

    • @damaged804
      @damaged804 Před rokem +1

      Anything you wanna recommend for someone who wants to achieve the same as you?

    • @Vegetoyesh
      @Vegetoyesh Před rokem

      @@damaged804 Stop asking. Start doing..

  • @LongBoy.0
    @LongBoy.0 Před 3 lety +111

    This guy is out here doing more than what high school or college ever did for me lol

  • @rendoesmath
    @rendoesmath Před 3 lety +3

    I have paid fees for whole school and college
    and i have learnt more for free from this guy
    Th@nks Man

  • @shivampatel5989
    @shivampatel5989 Před 3 lety +14

    Your clone projects helped me so much!! Great source ever

    • @tephlondandada156
      @tephlondandada156 Před rokem

      Do you know how to fix this error? I keep getting it when I run 'yarn start'
      "Failed to compile.
      Module not found: Error: Can't resolve '../features/counter/counterSlice' in '/Users/felixrumah/Desktop/mobile-app/netflix/netflix-build-youtube/src/app'
      ERROR in ./src/app/store.js 4:0-62
      Module not found: Error: Can't resolve '../features/counter/counterSlice' in '/Users/felixrumah/Desktop/mobile-app/netflix/netflix-build-youtube/src/app'
      webpack compiled with 1 error"

  • @MarcusHammarberg
    @MarcusHammarberg Před 3 lety +7

    TabNine is amazing. But what I like is that it's not making me faster only but also more accurate.

    • @xtrzne
      @xtrzne Před 2 lety

      quick question if you can help a lost soul: does this app send constant GET requests to be 'real-time'? How do you auto receive a message when some sends you one (without a page reload)? thanks :)

  • @danieljayne8623
    @danieljayne8623 Před 3 lety +9

    Just discovered your channel. Currently building a Google Keep clone in CRA and you've inspired me to give the stack you're using a go while doing that as it looks very slick! Keep up the good work man, no wonder you're growing fast.

  • @agustinlavalla8892
    @agustinlavalla8892 Před 3 lety +4

    that's excactly what I was waiting for. Thanks CRACK!

  • @snssatyabhagavan
    @snssatyabhagavan Před 3 lety +13

    I thought we could not do the one to one chat in a day. But you are simply nailed it.

    • @xtrzne
      @xtrzne Před 2 lety

      quick question if you can help a lost soul: does this app send constant GET requests to be 'real-time'? How do you auto receive a message when some sends you one (without a page reload)? thanks :)

    • @Maxxxxxxxxxxxxxxxxxxxxxxxxxxxx
      @Maxxxxxxxxxxxxxxxxxxxxxxxxxxxx Před 7 měsíci

      ⁠@@xtrznesockets

  • @SanjeevShrestha
    @SanjeevShrestha Před 3 lety +4

    Thank you Sonny! You are awesome! Always learning new with you!

  • @yashchauhan5710
    @yashchauhan5710 Před 3 lety +5

    1:37:07 thattrick made my day

  • @Mikkelzu
    @Mikkelzu Před 3 lety +10

    My main gripe with these styled guides/tutorials is that it's incredibly distracting re-watching a livestream and every few minutes something happens like a donation or whatever that causes scene changes and a random topic that's not about what you're doing. might just be me though lol. other than that, good stuff though I'd do some things slightly differently

    • @LUKFUNTV
      @LUKFUNTV Před 2 lety

      Once you are not a beginner anymore, u don't feel lost..
      But yes it's annoying . But I just skipp those moments 😁

    • @Mikkelzu
      @Mikkelzu Před 2 lety

      @@LUKFUNTV 8 years in the industry professionally so i doubt I’m a beginner.

    • @LUKFUNTV
      @LUKFUNTV Před 2 lety

      @@Mikkelzu
      U got me wrong totally..
      It was my experience...

    • @LUKFUNTV
      @LUKFUNTV Před 2 lety

      Now I know that
      People could get annoyed as a beginner
      As well
      With 8+ years of experience...
      I presumed only beginnerrs would feel like that...
      Sorry..

    • @whotfami3368
      @whotfami3368 Před 2 lety +1

      It doesn't matter. This videos are for free so why to complain about that? It's the people that raises a youtuber's channel... If you don't like that you can pay for a course

  • @rohandeysarkar8443
    @rohandeysarkar8443 Před 3 lety +6

    This week I was like "when will sonny do next js". And kaboom 💣
    Love u bro 💜💜

  • @eleemthapa2518
    @eleemthapa2518 Před 3 lety +2

    sonny u are helping a lot a for our career thanks for helping us man
    love you

  • @dalestewart
    @dalestewart Před 2 lety +2

    I'm smashing the thumbs up!. Great real world debugging session.

  • @wonganikaunda7704
    @wonganikaunda7704 Před 3 lety +2

    Channel discovered...awesome stuff

  • @asamad9645
    @asamad9645 Před 3 lety +2

    u sense the trend much b4 the time..... keep uploading on next.js

  • @sadiedickinson7151
    @sadiedickinson7151 Před 2 lety

    I CAN'T STOP DUDE! I JUST CAN'T STOP MYSELF!

  • @aaronhawkins9141
    @aaronhawkins9141 Před 2 lety +1

    Utopia Ecosystem is what you should know about cybersecurity and anonymity!

  • @saksham2892
    @saksham2892 Před 3 lety +5

    Papa React is now Daddy Next. Js

  • @pjos2981
    @pjos2981 Před 3 lety +2

    Mind boggling channel. Aag laga diya

  • @girikrishna7235
    @girikrishna7235 Před 3 lety

    Sonny I love u mahn
    Istg I just completed building this clone and I can’t thank you enough❤️😭.
    Means a lot bro
    Waiting for more of your videos
    Take care bro.

  • @alicodes22
    @alicodes22 Před 3 lety +6

    Loved the clone ✨ 🚀

  • @nishanthdipali6838
    @nishanthdipali6838 Před 3 lety +3

    Amazing build Sonny and thanks for the one to one chat

  • @marwenbentalebali8310
    @marwenbentalebali8310 Před 2 lety

    I tried this example with firebase 9 and It's soo cool.
    lastSeen: 25 juillet 2022 à 21:12:08 UTC+2

  • @emreaka3965
    @emreaka3965 Před 2 lety +1

    Thanks :)

  • @Lokoislive
    @Lokoislive Před 3 lety +4

    Great clone tutorial, will you do a slider clone but this time with typescript?

  • @HolmesPatrick
    @HolmesPatrick Před 3 lety +1

    Great Sonny Sangha. Thanks for sharing knowledge.

  • @rohancoder2155
    @rohancoder2155 Před 3 lety +2

    i am the youngest coder at school thanks to you

  • @jaysendraneyjaysendraney2036

    I'm just watching this video and I'm really loving it but I'll like to understand firebase very well.

  • @ohmpatel6563
    @ohmpatel6563 Před 2 lety +2

    TypeError: Cannot read properties of undefined (reading 'apps') in firebase.js
    HOW TO FIX THIS??? @Sonny Sangha

  • @pulindrambharath9189
    @pulindrambharath9189 Před 3 lety +1

    Amazing Sonny ... Love your content ❤️

  • @lostboy8154
    @lostboy8154 Před 3 lety +1

    Sonny your content is amazing man 🔥

  • @Hans_Magnusson
    @Hans_Magnusson Před 9 měsíci

    So you just told me how WhatsApp is the ultimate back door 🚪!
    😂😂😂

  • @jatingoyal853
    @jatingoyal853 Před 2 lety +1

    was working good in localhost 3000. Error 504 coming up after i deployed the app on vercel . how to resolve it ? plz help

    • @priyankaroberts1093
      @priyankaroberts1093 Před rokem

      Hey Jatin
      I hope your question was resolved. I wanted you know if you have been working on any react projects recently and would be interested in an internship/job opportunity in software development ?

  • @goldensonu15
    @goldensonu15 Před 3 lety +1

    You are absolutely AWESOME :) Great man... U r just saving so many Lives :) Thank u...

  • @ammesidd6669
    @ammesidd6669 Před rokem +1

    Hey @Sonny Sangha your videos are amazing , helpful and easily implemented . Kindly make more tutorials for react native...

  • @blackdeath7678
    @blackdeath7678 Před 3 lety

    Sonny, I have a job because of you man 💙
    Thank you soooo much bro 🙏

  • @mayankk2800
    @mayankk2800 Před 3 lety +2

    This is next level. Best channel on CZcams

  • @emmanuelogbonnaukah8018

    loving your work all the way from Nigeria Sonny

  • @yannicksims9262
    @yannicksims9262 Před 2 lety

    who is this guy ? who is Sonny Damn. you're amazing Bro... Thanks for everything and your explanations. I hope i will one day do the same as you and inspire people just like you're doing

  • @kwabenaankamah5675
    @kwabenaankamah5675 Před 3 lety

    Sonny you are a beast, words can not describe how much I appreciate your content

  • @whisky8496
    @whisky8496 Před 3 lety +1

    You are amazing! I am new to your channel and everything is just hyping me up! I love the vibes! I'm glad I found your channel!
    I was looking for something else, and whenever I open a video on your channel, I CAN'T STOP DUDE! I JUST CAN'T STOP MYSELF!
    I hope you achieve your goal on whatever you are planning for.
    Thank you so much for your effort and this genuine content!
    Subscribed!

  • @reiniervarkevisser
    @reiniervarkevisser Před 3 lety

    Awesome Tutorial, Does sombody else having problems of not showing the avatar in the Whatsapp clone sidebar? n the sidebar header it is working fine

  • @totalxasweare4784
    @totalxasweare4784 Před 2 lety

    yo sonny i didnt expect that u will answer but my question is why we use stringify at 2:17:29 what problem does it solve and if we send data in backend at what point in time ? sorry for eng btw)))

  • @RandomMusicD
    @RandomMusicD Před 2 lety

    Dude!! you are amazing, thanks for all.

  • @alexbork8659
    @alexbork8659 Před 3 lety

    SUPER .............. !!!!!!!!!! You are the BEST ............... Ok from Russia !!!!!!!!

  • @bhupeshbhatt4334
    @bhupeshbhatt4334 Před 3 lety +1

    I didn't know that R Ashwin knows programming also

  • @programming5383
    @programming5383 Před 3 lety +1

    Thank you so much for all this content!!! I'm learning so much (and i was already good with React/Nextjs)
    Can you please share your favorite music list? I would love to give it a try :)

    • @SonnySangha
      @SonnySangha  Před 3 lety

      Thanks so much!
      Sign up to the newsletter in the description and we send over the playlist for free!

    • @programming5383
      @programming5383 Před 3 lety

      Never mind you did it later in the video :)
      www.epidemicsound.com/playlist/dguvxg1wo7ye19gdfa4y02s7s7xd8gqp/

  • @best1games2studio3
    @best1games2studio3 Před rokem

    I have created this exactly how you did it. I have no clue what and how works. Furthermore, the initial load of the first chat clicked on after a login takes 6 seconds to load and I have no clue how to change it.

  • @maxmaksum4673
    @maxmaksum4673 Před 3 lety +2

    This is incredible..such high quality tutorial.

  • @csslectures
    @csslectures Před 3 lety +2

    This is the best channel I have ever come across. Thank yo sonny for such great clones in react. keep uploading. awesome work.

  • @manvendrasingh7838
    @manvendrasingh7838 Před 3 lety

    hostinger website offer countdown never ends.

  • @flagshipbuilds
    @flagshipbuilds Před rokem +1

    Sonny, great work! How much calculus do you use for coding? I use JavaScript with HTML and CSS now and have not had to come across it yet but would like to know if I need to know it for full stack web developement?

  • @raoulguillermo
    @raoulguillermo Před 3 lety

    Thanks sooo much! Love it. Quick question. Safari doesn't seem to prevent the post from refreshing the page. Any idea?

  • @MarcusHammarberg
    @MarcusHammarberg Před 3 lety +3

    Amazing stuff as always! Learned SOOO much.
    Question: checking in Firebase keys? Is that ok or dangerous?

    • @SonnySangha
      @SonnySangha  Před 3 lety +3

      Firebase public keys are all good! (The config is okay)

    • @xtrzne
      @xtrzne Před 2 lety

      quick question if you can help a lost soul: does this app send constant GET requests to be 'real-time'? How do you auto receive a message when some sends you one (without a page reload)? thanks :)

  • @HotSteamingJustice
    @HotSteamingJustice Před 3 lety +1

    Great content, thanks. Rated those spammers 1 star.

  • @adrienveidt8273
    @adrienveidt8273 Před 3 lety

    can someone tell me how do i make a group chat feature?

  • @chandrum2901
    @chandrum2901 Před 3 lety +1

    Bro I need your help, How to passing data from login page to signup page using react -router 🙏
    Please 🥺 help me

  • @pedroelton7040
    @pedroelton7040 Před 2 lety

    About the _rfce code snippet... Mine doesn't work. Only rfce, without the underscore. Did it change? Non of the ES7+ extension code snippets with underscore works here, only without it... I need to remove the auto import every single time. Bit annoying.

  • @ItsYourBoyMRAR
    @ItsYourBoyMRAR Před 3 lety +1

    Great Clone On Great Keep It Up

  • @pranavrajesh5550
    @pranavrajesh5550 Před 3 lety +1

    The sponsor is worth it...

  • @augustineohalete9097
    @augustineohalete9097 Před 9 měsíci

    Watching from CZcams

  • @shivammakwan6409
    @shivammakwan6409 Před 3 lety

    Really enjoyed thanks for this ❤️

  • @dalestewart
    @dalestewart Před 2 lety +1

    A true professional programmer. Yes, Sonny => Keep on bringing the fire.

  • @LucianoSoares85
    @LucianoSoares85 Před 3 lety +1

    Love your content. I would love to subscribe to your course, but in my currency it is very expensive.

  • @rdavil8361
    @rdavil8361 Před 3 lety

    Loved it. Subscribed. ❤️❤️

  • @maxmaksum4673
    @maxmaksum4673 Před 3 lety

    best of the best...simple, easy to follow,

  • @ElbinBinil
    @ElbinBinil Před 3 lety +1

    For me scroll to bottom function is not working

  • @shaikhsanuar5339
    @shaikhsanuar5339 Před 2 lety

    Wow this is insane!!

  • @MaddyAhmed
    @MaddyAhmed Před 3 lety +1

    Oh you were here.. but i watching day 2 of Amazon clone 🔥

  • @archimedesredes
    @archimedesredes Před 3 lety

    Thank you very much for the content.

  • @gurparkarsingh9690
    @gurparkarsingh9690 Před rokem

    Man you are genius

  • @simpleshorts389
    @simpleshorts389 Před 3 lety +1

    Hey papa react it is possible to make chrome extension from Nextjs if is possible then can you make a dedicated video on this
    Great Experience when i see your video 🤟

  • @digiporn7665
    @digiporn7665 Před 2 lety

    Eu amo esse tipo de vídeo! até me inscrevi.

  • @jestornogueiro5862
    @jestornogueiro5862 Před 3 lety

    Next level, Loved it ❤️🔥

  • @abhaytiwari6411
    @abhaytiwari6411 Před 3 lety +6

    Next video on cloning Star Bucks website with React js.

  • @IwanSetiawan-yc8gt
    @IwanSetiawan-yc8gt Před 8 měsíci

    Okey lanjut bosku 👍🙏

  • @NourMohamed-wy2jl
    @NourMohamed-wy2jl Před 2 lety

    What is the best carousel library to use with next.js project?

  • @imabhisht
    @imabhisht Před 3 lety +3

    Hey Sonny!! I need help! The Chats appear for ~1 sec and then disappered!! Please Help.

  • @gopireddy7600
    @gopireddy7600 Před rokem

    Hi Sonny, this is good material. Please consider shrinking the video by half so it's more engaging. I think you can if you keep it to just the technical stuff.

    • @SonnySangha
      @SonnySangha  Před rokem

      We’ve done just that! Check out the next.js crash course in my channel!

    • @joaosaraiva1998
      @joaosaraiva1998 Před rokem

      @@SonnySangha with this code can we still get a stable version or it needs changes to make it stable now?
      Im asking this because this tuturial is 1 year old already

  • @pranitmoghe2731
    @pranitmoghe2731 Před rokem

    My messages are not getting aligned properly according to sender and reciever. I tried but it doesnt work for me , also rechecked the code.

  • @kukudavid6646
    @kukudavid6646 Před 3 lety

    Hey PapaReact, I'm just watching this video and I'm really loving it but I'll like to understand firebase very well to be able to use the various functions like getting a snapshot, useAuthState and the likes. Please where can I learn them from?

    • @jasonmai8695
      @jasonmai8695 Před 3 lety +1

      I think you can learn by reading the firebase documents, although it's not very clear you can always read the articles and examples, or learn about firebase react libraries

  • @wellington18m
    @wellington18m Před 2 lety

    Hello there. Hey Sonny I was wondering if you could make a Point of sale system and inventory tutorial for mobiles . I love for work man. You are truly amazing . Thanks!

  • @jcmaker0627
    @jcmaker0627 Před 3 lety +3

    'Unhandled Runtime Error
    FirebaseError: Missing or insufficient permissions.' i have this error but it still works haha... but I do want to fix it. can anyone help?? couldn't find a good answer in google :(

    • @abdulnaeem6694
      @abdulnaeem6694 Před 3 lety

      I am having the same error did you fixed it.

    • @jcmaker0627
      @jcmaker0627 Před 3 lety

      @@abdulnaeem6694 in the middle of the video sonny fixes the rule of the Firebase and that actually fixed the codes :)

  • @RoyceGerikChua
    @RoyceGerikChua Před 7 měsíci

    Thanks

  • @spicein_life
    @spicein_life Před 3 lety

    At 3:10:15 time you forget to import getRecipientEmail from file

  • @idgafaboutfame
    @idgafaboutfame Před rokem

    🎉 0:22

  • @tephlondandada156
    @tephlondandada156 Před 2 lety

    Why have they changed from "@material-ui" to "@mui/material". The syntax looks different and I'm getting errors. Why can't they just leave things alone? It confuses beginners like myself.

  • @therealltrader2346
    @therealltrader2346 Před 3 lety

    brother ive been trying to resolve scroling in message container affter using scrollIntoView but its not working literally please help me i want to show this project in my upcoming internship interview

  • @nr7343
    @nr7343 Před 3 lety

    nice, Some questions, why not render the side menu in _app assuming it is on a few pages?
    Check Email Can I activate the function in the side menu once ?!
    And user authentication really should always bring the HOOK and not do in one place?

  • @zeeshan9991
    @zeeshan9991 Před rokem

    dude you made my day. ;)

  • @andreacedeno2974
    @andreacedeno2974 Před 11 měsíci

    Espectacular 😊

  • @patientson
    @patientson Před 3 lety

    I AM LIKING IT BEFORE I WATCH IT.

  • @thayaganthusiyanthan9708
    @thayaganthusiyanthan9708 Před 3 lety +1

    How did you set up _rfce because it does not work for me?

  • @tungochuy
    @tungochuy Před 3 lety

    46:52 here you go

  • @alexandrpertov13
    @alexandrpertov13 Před 2 lety

    luv u PAPA

  • @mbanyuibrice2966
    @mbanyuibrice2966 Před 2 lety

    pls can you make videos on vue and vuetify including cloning project

  • @VOLVIENDOANOSOTROSMISMOS
    @VOLVIENDOANOSOTROSMISMOS Před 10 měsíci

    Very good

  • @iamgroot494
    @iamgroot494 Před 2 lety

    I keep getting "Unhandled Runtime Error" Error: Hydration failed because the initial UI does not match what was rendered on the server.
    This happens during Loading. (
    )
    Where am I going wrong?