Vue.js Master Class 2024 Edition - Authentication System with Supabase and State Management
Lessons
- Set Up Vue.js and Supabase for Seamless Auth Integration 5:31
- Use v-model to Collect Form Data Values 4:28
- Register new Users with Supabase Auth and Vue.js 5:30
- Automatically Generate User Profiles on Registration 3:32
- Login Users with Supabase Auth and Vue.js 4:37
- Quick Cleanup for the Login and Register Pages 6:06
- Set Up Auth Store and Integrate It with Utility Functions 5:41
- Fetch the User Profile and Update the Auth Store 6:12
- Retrieve the Auth Session using Supabase Client 5:06
- Create a Vue Router Guard to Validate the Supabase Auth Session 2:51
- Manage v-for loops with v-if in Vue.js Using Filters 8:19
- Use the Vue.js Template Special Element with v-for Loops 3:55
- Emit Custom Events from Child to Parent in Vue.js 7:21
- Overcome Challenges of Using Pinia Stores in External Files 7:07
- Watch for Supabase Auth changes and Update Auth Store 5:24
- Protect Routes with Navigation Guards 5:50
- Wait for Pinia Store Updates Before Navigating 4:24
- Changes to Default Email Provider in Supabase 5:40
- Handle Supabase Server Auth Errors 5:43
- Create a Composable for Handling Form Errors 5:19
- Implement Realtime Form Validation 9:49
- Use watchDebounced from VueUse 5:06
- TypeScript Mapping and Generics 5:30