Handling user roles is not that simple on Next.js using Firebase.

Here's a super easy guide on how to handle users and user roles in a Next.js app using Firebase. This video covers a bunch of cool stuff, like setting up the project, creating pages, adding a navbar, getting items from an API, fetching items from Firestore as an admin, setting up sign-in with Google, creating user roles, routing pages based on roles, and fetching data based on roles. Oh, and it also shows you how to use Firebase emulators for testing locally. Plus, it gives you code snippets and step-by-step instructions for everything. Enjoy!

Code: https://miguelvieira.io/projects/RW6r...

Website: https://miguelvieira.io
Facebook: Facebook: miguelvieiracode
Instagram: Instagram: miguelvieiracode
Twitter: Twitter: miguelvieiradev
TikTok: TikTok: UC7Fny1_F5yEtq--eGioPRDA
LinkedIn: LinkedIn: miguelvieiracode

00:00 Intro
01:17 Setup
06:20 Create pages
07:57 Create a navbar
09:46 Fetch items from API
14:08 Fetch items from firestore
24:01 Sign in
31:45 User roles
39:13 Role based page routing
45:58 Role based data fetching
51:23 Conclusion

• #howto_style
• #authentication
• #authorization
• #firebase
• #nextjs
• #nextjs
• #user_roles
• #server_side_rendering
• #firebase_admin
• #page_routing
• #user_based_data_fetching