Ionic Framework v6 VueJS And Firebase - Authentication Flow Using Pinia For State Management
Source code walkthrough for a template for Vuejs authentication flow using firebase for authentication, latest Ionic Framework version 6, and Pinia for State Management.
We are also using the newest version of Firebase in this template, the APIs have changed a bit but the examples in the application try to make it easier
The Video Covers
- How to manage the authentication flow with state management in Pinia
- Keep the user state and profile information there.
- Manage authentication guards in the vuejs router utilizing state variables.
- Updating data in your application views as the data is refreshed in firebase. Using collection listeners and updating the Pinia State.
Template Source Code
aaronksaunders / ionic-v6-firebase-tabs-auth
template for vuejs authentication flow using latest firebase version, latest ionic v6 and pinia for state management
ionic-v6-firebase-tabs-auth
template for vuejs authentication flow using latest firebase version, latest ionic v6 and pinia for state management
Video On YouTube
Looking for support with your cross-platform mobile solution using Ionic Framework? Contact Me at my company Clearly Innovative Inc for a free 30-minute Consultation
www.clearlyinnovative.com
Links
- Pinia Video - https://youtu.be/sKGh2wp4QfM
- Pinia Documentation - https://pinia.vuejs.org/
- Source - https://github.com/aaronksaunders/ionic-v6-firebase-tabs-auth
Follow Me
twitter - https://twitter.com/aaronksaunders
github - https://github.com/aaronksaunders
udemy - https://www.udemy.com/user/aaronsaunders
gumroad - https://app.gumroad.com/fiwic