Chat app with Nextjs & Supabase | Postgres Changes | Presence | Supbase Realtime Course part 1
Learn how to build a chat app with Nextjs with Supabase Realtime.
Timestamp:
0:00 App Demo
1:30 Supabase project setup
3:40 Table setup
6:00 Github Authentication
10:25 Send message
13:35 Fetch all message
16:50 Types of Realtime functionality
17:55 Fetch real-time messages
33:25 Filter with Supabase realtime
35:20 Update Message
37:25 Get real-time Updates
39:05 Delete message
3(;50 Delete message realtime
41:00 Detect if a user is typing or not
44:55 Supabase Presence
50:00 Typing indicator
Supabase Auth Playlist: • Supabase Auth with Nextjs
Code: https://github.com/thatanjan/supabase...
Daisyui: • DAISY UI crash course with NEXT.JS | Tailw...
Firebase firestore: • 1. Introduction to Firebase Firestore with...
Contacts:
Email: [email protected]
Portfolio: https://thatanjan.vercel.app/
Blog: https://cules-coding.vercel.app/
Linkedin: / thatanjan
Github: https://github.com/thatanjan/
Twitter: / thatanjan
Blogs you might want to read:
Eslint, prettier setup with TypeScript and react: https://www.culescoding.vercel.app/bl...
What is Client-Side Rendering?: https://www.culescoding.vercel.app/bl...
What is Server Side Rendering?: https://www.culescoding.vercel.app/bl...
Everything you need to know about tree data structure: https://www.culescoding.vercel.app/bl...
13 reasons why you should use Nextjs: https://www.culescoding.vercel.app/bl...
Videos you might want to watch:
Setup Eslint Prettier with Typescript and React -Nextjs, Create React App: • Setup Eslint Prettier with Typescript and ...
Setup and deploy fullstack application on Vercel and Render: • How to setup and deploy fullstack(MERN) ap...
Auth0 basics with Next.JS: • Auth0 basics with Next.JS | Add Google, Gi...
Upload images from React and Node: • How to upload images from React with Node....
Chakra-UI crash course: • Chakra UI crash course | React UI Framework
Next auth crash course: • Next Auth Basics tutorial | Add Google, Gi...
Build a small search engine with MongoDB: • Build a blog using #JAMstack #5 - Build a...
Playlists you might like:
Next.Js tutorials: • Nextjs tutorials
Build a blog using JAMstack: • Build a blog using JAMstack #1 - Intro & S...
Quick tricks: • Access COOKIES in NextJS from server side....
Crash course: • Redux toolkit crash course. Everything you...
How-to videos: • Setup Eslint Prettier with Typescript and ...
Clone Blue Origin Landing Page: • Blue Origin Landing page clone
Stay safe and good bye.