Build a React Data Dashboard App | NextJS, Typescript, MUI - 2.Authentication with NextAuth JS
This video covers how to implement user authentication and authorization in a dashboard app using NextAuth.js, including how to set up authentication providers (Google) and how to restrict access to certain features or data based on user roles. Most importantly we look at how we can use it to influence our UI on a data dashboard.
0:00 - Intro
1:00 - Epsidoe goals
1:26 - NextAuth JS Setup
12:10 - Login
14:50 - Header
21:35 - Dashboard
26:00 - Global Styles
26:30 - Outro
LINKS 🔗
► https://github.com/thehashton/cb-data...
► https://console.cloud.google.com/apis...
► https://mui.com
► https://next-auth.js.org
💬 Join us on our discord here:
► / discord
Visit our website:
► https://www.curiousbyte.dev
FOLLOW ✅
► / thehashton
► / curious_byte
SUPPORT THE CHANNEL ❤️
► https://www.buymeacoffee.com/curiousbyte
#frontend #webdev #developer #javascript #typescript #webdevelopment #nextauth #nextjs
Watch video Build a React Data Dashboard App | NextJS, Typescript, MUI - 2.Authentication with NextAuth JS online without registration, duration hours minute second in high quality. This video was added by user Frontend Now 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 19,524 once and liked it 240 people.