Sign in with Facebook, Google and GitHub Identity Providers using Firebase Authentication

Sign in with Facebook, Google and GitHub Identity Providers using Firebase Authentication

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.

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

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

What is firebase,firebase bangla tutorial.

LIKE | COMMENT | SHARE | SUBSCRIBE The Firebase Realtime Database is a cloud-hosted NoSQL database that lets you store and sync data between your users in re...

Firebase Introduction with C#

LIKE | COMMENT | SHARE | SUBSCRIBE Firebase is a mobile and web application development platform developed by Firebase, Inc. in 2011, then acquired by Google...

Create database into firebase

LIKE | COMMENT | SHARE | SUBSCRIBE In this video, I will show you how to Create database into #firebase console. Subscribe & Stay Connected! Thank You! ♥ #Fi...

Save Employee into firebase

LIKE | COMMENT | SHARE | SUBSCRIBE In this video, I will show you how to save employee information into firebase database. Subscribe & Stay Connected! Thank ...

How to Compare Multiple GitHub Projects with Our GitHub Stats tool

In this article we are going to compare three most popular machine learning projects for you.