DEV Community

Aaron K Saunders
Aaron K Saunders

Posted on • Edited on

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

GitHub logo 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

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

ko-fi

Top comments (3)

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
aaronksaunders profile image
Aaron K Saunders

you are welcome

Collapse
 
3zzy profile image
Ibrahim Ezzy

Great tutorial, many thanks for making this. :)