Build and deploy a real time chat application with Supabase,Next.js 2024 full course

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

Komentáře • 43

  • @leonardsam7083
    @leonardsam7083 Před 8 měsíci +6

    Great Tutorial. Was looking for a good tutorial which implements Supabase OAuth with the new SSR package but had difficulty finding one. Already figured it out but this is truly appreciated.

  • @Omar_Al_Seddik
    @Omar_Al_Seddik Před 2 měsíci +3

    Take a shot every time he says _"this one"_ :D
    Great video. Thank you!

  • @hauvert_
    @hauvert_ Před 8 měsíci +4

    This channel is on fire. Keep it going man! My goal is to be like you. Pumping good quality projects for experience .

  • @yasha6466
    @yasha6466 Před 4 měsíci +1

    Thanks a bunch for the deployment part!! I bumped into this video while trying to debug my crashed Vercel app ----- done everything correctly but forgot to configure the Supabase Url XD

  • @user-gn4ko6hg4o
    @user-gn4ko6hg4o Před měsícem +1

    Thank you very much!!!! Appreciate it. You are genius! You So handsome. You Tough. You So Smart. You Rich

  • @dev.chooble
    @dev.chooble Před 3 měsíci

    Wow, This video is useful and great tutorial about supabase real-time db & Next.js. Thank you so much~

  • @user-jg8sd9te5b
    @user-jg8sd9te5b Před 8 měsíci +1

    thanks for the video, i enjoyed working on it. Pro tip for vercel, you can copy your entire .env file and just paste it into the first field, and it will automatically seperate them into their fields. :P

    • @DailyWebCoding
      @DailyWebCoding  Před 8 měsíci

      Aii thank you so much for your tip 🫶

    • @user-jg8sd9te5b
      @user-jg8sd9te5b Před 8 měsíci

      do you have any idea why im getting this error on my deployment? I changed the encoding from UTF-16 to UTF-8 because i read somewhere that might help but it didn't. Do you know why, chatGPT says there are no binary characters in my types file :(
      ERROR:
      . ./lib/types/supabase.ts
      Error: Parsing error: File appears to be binary.
      @@DailyWebCoding

    • @DailyWebCoding
      @DailyWebCoding  Před 8 měsíci

      Not sure I have never faced it before. Have you tried to delete it and create it again ??

    • @user-jg8sd9te5b
      @user-jg8sd9te5b Před 8 měsíci +1

      i ended up just adding a eslint ignore in my configs and it worked, not sure exactly if that would affect anything, but everything seems to be working except the online users says 0 even if i have more than one open :P. I will try to fix, thanks a ton for the video! ill be sure to keep watching! @@DailyWebCoding

    • @user-jg8sd9te5b
      @user-jg8sd9te5b Před 8 měsíci +1

      everyone remember to change all your URLS to the vercel url it gives you. including the if you dont it will error :)

  • @kwasiezor1630
    @kwasiezor1630 Před 8 měsíci +2

    Good work... 👍

  • @abd-yq2up
    @abd-yq2up Před 6 měsíci +1

    just thank you

  • @user-xv2mx8rx7y
    @user-xv2mx8rx7y Před 6 měsíci +1

    🐐

  • @CasualDrive
    @CasualDrive Před 7 měsíci +1

    Thanks for an amazing tutorial! I am trying to log users in and create account only with email and password. but as I follow along your SQL and triggers part, when user tries to sign up now it prevents them signing up, where can I see errors for triggers or functions on supabase?

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

      You can find the logs inside supabase dashboard. It is located in sidebar and you will see postgres log under api edge network.

  • @user-yh1wy2zw5j
    @user-yh1wy2zw5j Před 3 měsíci

    Thanks for this wonderful tutorial. I followed the same but realtime broadcast is not working when I deploy on vercel

    • @wtf-is-this-974
      @wtf-is-this-974 Před 2 měsíci

      Hey did you manage to solve this? If so, what did you do?

  • @niademiogundana24
    @niademiogundana24 Před 2 měsíci

    My messages are still getting duplicated, and I noticed that the optimisticIds is always one chat behind, so when I send a new chat, the new value of the optimisticIds will show the previous chat ids and th eids of the duplicated messages. I am not sure how to fix this.

  • @goedeservice
    @goedeservice Před měsícem

    how hard do you think it is to make this end 2 end encrypted?

  • @skillsvsdegree6139
    @skillsvsdegree6139 Před 5 měsíci

    Hi, I started learning frontend from 4 months with React. I have developed my chat app using React. It's live now and working. I want to move it to NextJs. Do i have to build a separate project for this again? I still don't know NextJs, pretty soon i will start learning it.

    • @DailyWebCoding
      @DailyWebCoding  Před 5 měsíci

      I think this project is not good for learning next.js but it is good for learning supabase realtime.

  • @niademiogundana24
    @niademiogundana24 Před 2 měsíci

    please help. I am still getting the duplicated message.

  • @werix_4776
    @werix_4776 Před 2 měsíci +1

    Why not to just have the full chat with realtime and realtime updates, why do it manually with zustand ? I am a bit confused why I need both ? Or is it faster then waiting for the realtime payload event?

    • @DailyWebCoding
      @DailyWebCoding  Před 2 měsíci

      Zustand for optimistic update yes it is faster than real-time

    • @werix_4776
      @werix_4776 Před 2 měsíci +1

      @@DailyWebCoding Yes I dont understand the term optimistic update hahah thanks for the answer. your content is amazing!!

    • @DailyWebCoding
      @DailyWebCoding  Před 2 měsíci

      Thank man 🫡

    • @Br0cc0li210
      @Br0cc0li210 Před 2 měsíci

      ​@@DailyWebCoding Doesn't react have a hook for optimistic update?

  • @junsgk
    @junsgk Před 8 měsíci

    45:03 why need for "now()" in RLS?

    • @DailyWebCoding
      @DailyWebCoding  Před 8 měsíci

      I just want to make sure that the created_at is now() when the user is creating the message.

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

    How did you use optimism without an optimistic import?

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

    im still a little confused for the ssr package. when do i use the browserclient vs serverclient?

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

      Server client is used to make request to supabase in server with ur session as well

  • @kansagous
    @kansagous Před 3 měsíci

    realtime chat at 1:39:54

  • @killerboy5278
    @killerboy5278 Před 6 měsíci

    i'm getting error cannot read property of undefined getSession why ?

    • @cosmicman5718
      @cosmicman5718 Před 5 měsíci

      Did you end up finding the solution?

    • @shek_keith
      @shek_keith Před 5 měsíci +5

      yo await the supabase object and it'll resolve the problem.
      like this
      ```
      const supabase = await supabaseServer();
      ```

  • @ilmanmanarulqori5632
    @ilmanmanarulqori5632 Před 8 měsíci +3

    Can u please make tutorial supabase on VPS integrate with nextjs ? 🥹✨