Build a React Data Dashboard App | NextJS, Typescript, MUI - 2.Authentication with NextAuth JS

Опубликовано: 01 Январь 1970
на канале: Frontend Now
19,524
240

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


Смотрите видео Build a React Data Dashboard App | NextJS, Typescript, MUI - 2.Authentication with NextAuth JS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Frontend Now 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 19,524 раз и оно понравилось 240 людям.