Uploaded July 2022 | Updated September 2026, 3 hours ago
Learn how to add user authentication to your project by using Firebase Authentication!
In this project I add Firebase Authentication to a NextJS serverless app, which interacts with a custom FastAPI Python backend.
Authentication is challenge, and there are many decisions to make. In this video, you'll learn one of the cheapest fastest ways to do it (for any project) and discover how it works behind the scenes.
🛠 Essential Links
🔗 Code: github.com/pixegami/nextjs-firebase-auth
🔗 NextJS Shop Template: github.com/pixegami/nextjs-shop-template
🔗 Python Backend: github.com/pixegami/jwt-echo
📚 Resources
🔗 Firebase: firebase.google.com
🔗 NVM: github.com/nvm-sh/nvm
🔗 NextJS: nextjs.org
🔗 JWT: jwt.io
💡 Learn More! (Related tutorials)
🔗 Build NextJS landing page: youtu.be/qrBEcLcnPAE
🔗 Host FastAPI on AWS Lambda: youtu.be/RGIM4JfsSk0
📽 Chapters
00:00 Introduction
00:54 Project preview
01:42 Prerequisites
03:34 Exploring the project
04:08 Setting up Firebase
06:48 Adding user authentication
08:13 Signing In
09:21 Redirecting users automatically
11:04 Signing Out
12:22 How does our backend authorize users?
13:22 What are JSON Web Tokens (JWT)?
14:38 How are JWT verified?
15:58 Attaching JWT to a HTTP request
17:02 Verifying the token from the backend
20:19 Wrapping up
#firebase #auth #pixegami
Learn how to add user authentication to your project by using Firebase Authentication!
In this project I add Firebase Authentication to a NextJS serverless app, which interacts with a custom FastAPI Python backend.
Authentication is challenge, and there are many decisions to make. In this video, you'll learn one of the cheapest fastest ways to do it (for any project) and discover how it works behind the scenes.
🛠 Essential Links
🔗 Code: github.com/pixegami/nextjs-firebase-auth
🔗 NextJS Shop Template: github.com/pixegami/nextjs-shop-template
🔗 Python Backend: github.com/pixegami/jwt-echo
📚 Resources
🔗 Firebase: firebase.google.com
🔗 NVM: github.com/nvm-sh/nvm
🔗 NextJS: nextjs.org
🔗 JWT: jwt.io
💡 Learn More! (Related tutorials)
🔗 Build NextJS landing page: youtu.be/qrBEcLcnPAE
🔗 Host FastAPI on AWS Lambda: youtu.be/RGIM4JfsSk0
📽 Chapters
00:00 Introduction
00:54 Project preview
01:42 Prerequisites
03:34 Exploring the project
04:08 Setting up Firebase
06:48 Adding user authentication
08:13 Signing In
09:21 Redirecting users automatically
11:04 Signing Out
12:22 How does our backend authorize users?
13:22 What are JSON Web Tokens (JWT)?
14:38 How are JWT verified?
15:58 Attaching JWT to a HTTP request
17:02 Verifying the token from the backend
20:19 Wrapping up
#firebase #auth #pixegami
