Vue JS And PocketBase #2 Reset Password, Vue-Router, Vue-Router Guards & App.vue Refactor
Vue JS And PocketBase #2 Reset Password, Vue-Router, Vue-Router Guards & App.vue Refactor
#vue #pocketbase #vue-router
This video is mostly focused on refactoring the original code to a multi-page application including vue-router and a composable for PocketBase while integrating reset password requests. I needed to create a more appropriate application structure before adding additional functionality.
The original source code can be found here – https://dev.to/aaronksaunders/vue-js-and-pocketbase-1-authentication-and-user-management-663
PocketBase – Open Source backend for your next SaaS and Mobile app in 1 file – https://pocketbase.io/
In this video, we will explore how to use PocketBase, an open-source backend with embedded database (SQLite), built-in authentication management, real-time subscriptions, and REST-ish API, with Vue.js. We will update and refactor the application from the first video:
– Refactor Code From App.vue to Create Separate Files For Routes, Home Page, Login Page, Create Account Page, and Request Password Change Email Page
– Added Vue-router
– Added Vue-router Guards
– Implemented Request Password Change
Chapters
—————
00:00 intro
00:31 – Adding Router, vue-router
02:30 – Refactor App.vue to create multiple routes
05:20 – Home Page
06:43 – Login Page
10:15 – Create Account Page
12:49 – Request Change Password Page
17:30 – PocketBase Request password API
19:58 – Get Current User On Home Page
21:38 – Adding Logout To Home Page
25:20 – Reviewing Refactor navigating based on auth state without vue-router guards
27:13 – Creating Composable for PocketBase
37:50 – Adding Router Guard in vue-router
42:04 – Final Testing with Auth Guard
#javascript #webdevelopment #mobiledevelopment #mobileapp #firebase #supabase #vuejsdeveloper #ionicframework #ionic #nuxtjs
-~-~~-~~~-~~-~-
Please watch: “Vue JS Essentials: A Beginners Series w/ Pinia, Vitest, and Supabase. Part 3, SignIn & SignUp”
https://www.youtube.com/watch?v=_E7MzCEeheY
-~-~~-~~~-~~-~-
Comments are closed.