Next Js Firebase Auth || Let google signin your users
The Logic Lab The Logic Lab
1.71K subscribers
2,223 views
77

 Published On Jun 19, 2022

The ultimate and latest firebase 9 getting started tutorial that you cannot afford to miss. We start with creating an account and will go all the way to create protected (private) routes / pages that only logged in user can visit.

Hi Logical People, this is the tutorial you need to understand everything about firebase authentication google sign-in web using Next JS (React)

Learn:
✔️ How to create account on Firebase console for FREE?
✔️ Firebase Auth using next js / react
✔️ How to create NEXT JS project from scratch (React)
✔️ How to setup Firebase on NEXTJS
✔️ How to create google login button
✔️ How to create protected routes in NEXTJS

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Hello Logical People
⌨️ (0:00:22) Why use Firebase?
⌨️ (0:02:15) Learning Objectives
⌨️ (0:03:55) Free Firebase account and google Authentication
⌨️ (0:07:33) NEXTJS project setup in VS Code Editor (IDE)
⌨️ (0:09:27) How to add firebase to Next project
⌨️ (0:18:46) How to get firebase credentials
⌨️ (0:21:43) How to create google signInWithPopup()
⌨️ (0:30:02) Protected routes
⌨️ (0:33:24) Logout user
⌨️ (0:37:13) useAuth HOOK
⌨️ (0:45:26) Celebrations!!


Firebase: https://console.firebase.google.com/
NEXTJS: https://nextjs.org/docs/getting-started
VS CODE: https://code.visualstudio.com/


Next JS / React Fundamental series:    • Next JS  Tutorial || The ultimate gui...  

Github codebase : https://github.com/gkv856/iotbl/tree/...

#firebase #nextjs #firebaseauth #firebase #reactjs

show more

Share/Embed