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

Опубликовано: 13 Октябрь 2024
на канале: 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