Intro to Supabase – Full Tutorial for Beginners
Learn really to usage Supabase by building a real-world React.js Sales Dashboard app pinch authentication, real-time information operations, and unafraid personification management. ✏️ Study this people interactively connected Scrimba: https://scrimba.com/intro-to-supabase-c0abltfqed?utm_source=youtube&utm_medium=video&utm_campaign=fcc-intro-supabase Code is disposable connected the Scrimba people page for each lesson. The app features personification authentication pinch role-based entree on pinch a visualization of aggregated income deals for each rep, updating successful real-time arsenic caller deals are added. You’ll besides build scalable personification profiles which are automatically created upon signup utilizing database triggers, and unafraid each information pinch permission-based filtering. By the end, you’ll person a production-ready business exertion pinch due personification management, information visualization, and security. Scrimba connected YouTube: https://www.youtube.com/c/Scrimba ⭐️ Chapters ⭐️ - 0:00:00 Course introduction - 0:05:42 Introduction to Persistence - 0:09:48 Supabase task setup - 0:20:50 Query the database utilizing supabase-js - 0:27:55 Query pinch aggregate function - 0:31:50 Storing the information successful state - 0:34:57 Format information for chart - 0:40:26 Realtime subscription - 0:47:17 New woody form - 0:56:54 Insert caller data - 1:00:21 Section 1 Recap - 1:01:00 Introduction to Auth - 1:02:10 Router setup - 1:10:35 Context API - 1:18:38 Auth Session authorities - portion 1 - 1:29:26 Auth Session authorities - portion 2 - 1:31:40 JSON Web Tokens (anon) - 1:39:24 JWTs (authenticated) - 1:45:53 Add personification to Auth.Users - 1:47:58 Sign successful constituent - portion 1 - 1:53:39 Sign successful constituent - portion 2 - 2:00:57 Sign successful auth usability - portion 1 - 2:08:54 Sign successful auth usability - portion 2 - 2:11:43 Navigate & Link - 2:18:21 Sign out - 2:27:53 Navigate aft motion out - 2:32:20 Row Level Security - 2:37:11 RLS: Authenticated users only - 2:43:19 Home redirect - 2:52:13 Protected Route - 2:58:53 Sign up - 3:08:34 Database refactor - portion 1 - 3:16:18 Database refactor - portion 2 - 3:25:19 User profiles table - 3:31:35 Sign up description - 3:35:05 Trigger - 3:46:41 Refactor deals array - portion 1 - 3:51:12 Refactor deals array - portion 2 - 3:59:18 Refactor deals array - portion 3 - 4:02:31 Fetch each profiles - portion 1 - 4:08:19 Fetch each profiles - portion 2 - 4:13:41 Update caller woody shape - portion 1 - 4:24:49 Update caller woody shape - portion 2 - 4:31:25 Update fetchMetrics - portion 1 - 4:36:33 Update fetchMetrics - portion 2 - 4:42:46 Account type successful Header - 4:48:45 Section 2 Recap 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to codification for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles connected programming: https://freecodecamp.org/news
English (US) ·
Indonesian (ID) ·