In this video, we add multiple sign in providers or identity providers to our authentication app in VueJS and NuxtJS. We add a sign in with Facebook, sign in with Google and sign in with Github option to our app. We start by adding sign in providers to our Firebase authentication so that users can login with a federated account. Thereafter we add the functionality in the code to handle thedifferent sign in providers.

Code repo: https://gitlab.com/codebasetutorials/firebase-email-password-auth-nuxt

Firebase docs: https://firebase.google.com/docs/auth/web/facebook-login, https://firebase.google.com/docs/auth/web/google-signin, https://firebase.google.com/docs/auth/web/github-auth
Firebase Nuxt docs: https://firebase.nuxtjs.org/
Vuetify docs: https://vuetifyjs.com/en/getting-started/installation/

Chapters:

• 00:00 Example of what we will build
• 01:50 Add more sign in providers in Firebase
• 02:03 Add Google sign in provider in Firebase
• 02:14 Add Facebook sign in provider in Firebase
• 02:39 Add GitHub sign in provider in Firebase
• 03:15 Create an app on Facebook
• 04:00 Create an app on Github
• 04:24 Add buttons for our identity providers
• 06:00 Add sign in methods in code for Firebase, Github and Google
• 08:02 Testing our sign in providers

#github #firebase