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

============================================
@Supabase

====================================

===========================================
Support the channel : 🙏🌸

=====================================

Follow me:   👇

⭐️ Contents ⭐️

00:00 Introduction
02:05 Setup project
05:29 layout
07:32 Chat header
10:47 Setup supabase
15:35 Authentication
23:43 InitUser State
29:07 User table and trigger
33:37 Chat UI
39:54 Create message
51:35 List Message
1:05:06 optimisticAddMessage
1:11:44 MessageMenu
1:16:10 Delete Message
1:27:49 Edit Message
1:39:44 Realtime listener
1:58:27 arrow down & notification
2:12:54 Pagination
2:26:47 Presence
2:35:23 Logout UI
2:38:57 Deploy
2:43:02 Outro

[Omar_Al_Seddik]

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

[hauvert_]

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

[leonardsam]

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.

[yasha]

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]

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

[jgsdteb]

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

[Dreamain]

How did you use optimism without an optimistic import?

[niademiogundana]

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.

[CasualDrive]

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?

[goedeservice]

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

[niademiogundana]

please help. I am still getting the duplicated message.

[allenshen]

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

[yhwyzwj]

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

[junsgk]

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

[skillsvsdegree]

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.

[killerboy]

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

[werix_]

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?

[ilmanmanarulqori]

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