Build and deploy a real time chat application with Supabase,Next.js 2024 full course
In this video, we are going to build a realtime chat application with Supabase,Next.js.
demo: https://next-chat-demo.vercel.app/
code: https://github.com/Chensokheng/next-c...
Boilerplate: https://dailyblog-demo.vercel.app/blo...
============================================
@Supabase
doc: https://supabase.com/docs/reference/j...
auth: https://supabase.com/docs/guides/auth...
====================================
Zustand: https://zustand-demo.pmnd.rs/
===========================================
Support the channel : 🙏🌸
donate 🌻: / dailywebcoding
=====================================
Follow me: 👇
Discord: / discord
Github: https://github.com/Chensokheng
⭐️ 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