Скачать или смотреть Building a Simple Real-Time Chat App with Supabase

This is an archive of a stream that was broadcasted live on twitch:   / codinggarden  

[00:00] Introduction
[08:20] Overview of Project
[08:34] What Data Will Be Stored?
[11:00] Supabase
[11:35] Create A New Project
[19:33] Creating Messages Table In Supabase
[23:00] Defining Read Policy For Messages Table
[25:54] Defining Insert Policy For Messages Table
[27:28] Creating index.html
[28:06] Serve It Up!
[30:25] Adding Bootstrap
[35:40] Adding Bootswatch
[39:28] Adding Custom CSS
[44:06] Quick Recap
[44:44] Adding Javascript
[47:00] Supabase CDN
[55:30] Putting Real Data Onto The Page
[01:01:14] Automagically Add New Messages To Page
[01:05:31] Enabling Realtime On Supabase Table
[01:08:00] Autoscroll
[01:15:19] Creating Send Message Form
[01:18:19] Listening For Form Submitted
[01:20:56] Sending New Message To The API
[01:23:49] Clearing Content After Message Submitted
[01:27:40] XSS Example
[01:30:37] Sanitizing Inputs
[01:37:43] Removing Images
[01:40:27] "Letting you all go ham" (Another Recap/ Deploying With Surge)
[01:45:05] Things We Need To Add
[01:47:03] Deleting Insert Messages Policy

💖 Donate: https://coding.garden/donate
😍 Pledge: https://coding.garden/pledge
💬 Discord: https://coding.garden/discord
🎉 Stickers: https://coding.garden/stickers
💻 Gear List: https://coding.garden/gear
🔎 Search for more Coding Garden videos here: https://coding.garden/videos
🗣 View the Coding Garden FAQ here: https://github.com/CodingGarden/faqs

🎵 Music provided by Chillhop: https://chillhop.ffm.to/creatorcred