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

Поделиться
HTML-код
  • Опубликовано: 21 авг 2024

Комментарии • 43

  • @Omar_Al_Seddik
    @Omar_Al_Seddik Месяц назад +3

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

  • @leonardsam7083
    @leonardsam7083 7 месяцев назад +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.

  • @hauvert_
    @hauvert_ 7 месяцев назад +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 4 месяца назад +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

  • @dev.chooble
    @dev.chooble 2 месяца назад

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

  • @user-gn4ko6hg4o
    @user-gn4ko6hg4o 27 дней назад

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

  • @kwasiezor1630
    @kwasiezor1630 7 месяцев назад +2

    Good work... 👍

  • @user-jg8sd9te5b
    @user-jg8sd9te5b 7 месяцев назад +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  7 месяцев назад

      Aii thank you so much for your tip 🫶

    • @user-jg8sd9te5b
      @user-jg8sd9te5b 7 месяцев назад

      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  7 месяцев назад

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

    • @user-jg8sd9te5b
      @user-jg8sd9te5b 7 месяцев назад +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 7 месяцев назад +1

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

  • @abd-yq2up
    @abd-yq2up 6 месяцев назад +1

    just thank you

  • @user-xv2mx8rx7y
    @user-xv2mx8rx7y 6 месяцев назад +1

    🐐

  • @kansagous
    @kansagous 2 месяца назад

    realtime chat at 1:39:54

  • @CasualDrive
    @CasualDrive 6 месяцев назад +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  6 месяцев назад

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

  • @niademiogundana24
    @niademiogundana24 Месяц назад

    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.

  • @user-yh1wy2zw5j
    @user-yh1wy2zw5j 3 месяца назад

    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 2 месяца назад

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

  • @werix_4776
    @werix_4776 2 месяца назад +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  2 месяца назад

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

    • @werix_4776
      @werix_4776 2 месяца назад +1

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

    • @DailyWebCoding
      @DailyWebCoding  2 месяца назад

      Thank man 🫡

    • @Br0cc0li210
      @Br0cc0li210 2 месяца назад

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

  • @niademiogundana24
    @niademiogundana24 Месяц назад

    please help. I am still getting the duplicated message.

  • @skillsvsdegree6139
    @skillsvsdegree6139 4 месяца назад

    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  4 месяца назад

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

  • @goedeservice
    @goedeservice 28 дней назад

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

  • @Dreamain1102
    @Dreamain1102 7 месяцев назад

    How did you use optimism without an optimistic import?

  • @junsgk
    @junsgk 7 месяцев назад

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

    • @DailyWebCoding
      @DailyWebCoding  7 месяцев назад

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

  • @allenshen5358
    @allenshen5358 7 месяцев назад

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

    • @DailyWebCoding
      @DailyWebCoding  7 месяцев назад

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

  • @killerboy5278
    @killerboy5278 5 месяцев назад

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

    • @cosmicman5718
      @cosmicman5718 5 месяцев назад

      Did you end up finding the solution?

    • @shek_keith
      @shek_keith 5 месяцев назад +5

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

  • @ilmanmanarulqori5632
    @ilmanmanarulqori5632 7 месяцев назад +3

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