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-dashboard/tree/2/Authentication
► https://console.cloud.google.com/apis/credentials
► https://mui.com
► https://next-auth.js.org
? Join us on our discord here:
► https://discord.gg/wqZrVkeMzX
Visit our website:
► https://www.curiousbyte.dev
FOLLOW ✅
► https://twitter.com/TheHashton
► https://twitter.com/curious_byte
SUPPORT THE CHANNEL ❤️
► https://www.buymeacoffee.com/curiousbyte
#frontend #webdev #developer #javascript #typescript #webdevelopment #nextauth #nextjs
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Build a React Data Dashboard App | NextJS, Typescript, MUI - 2.Authentication with NextAuth JS», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.