Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

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

Автор: Timegame

Загружено: 2023-10-27

Просмотров: 15957

Описание:

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:   / miguelvieiracode  
Instagram:   / miguelvieiracode  
Twitter:   / miguelvieiradev  
TikTok:   / uc7fny1_f5yetq--egioprda  
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

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

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(20) { ["TwyhnBDOHPw"]=> object(stdClass)#8053 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "TwyhnBDOHPw" ["related_video_title"]=> string(79) "Kubernetes — Простым Языком на Понятном Примере" ["posted_time"]=> string(25) "3 месяца назад" ["channelName"]=> NULL } ["30ydBNgDsow"]=> object(stdClass)#8061 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "30ydBNgDsow" ["related_video_title"]=> string(45) "Getting Started with Firebase Admin in NextJs" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> NULL } ["yB0d-D5h8ec"]=> object(stdClass)#8051 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "yB0d-D5h8ec" ["related_video_title"]=> string(144) "СТРАХ НА РЫНКЕ! Крипта падает, трейдеров ликвидирует, BTC 89.000$, что делать сейчас?" ["posted_time"]=> string(21) "2 часа назад" ["channelName"]=> NULL } ["0ydJs5pKhHg"]=> object(stdClass)#8064 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "0ydJs5pKhHg" ["related_video_title"]=> string(83) "Я Построил Рогатку Более Мощную, чем Пистолет" ["posted_time"]=> string(27) "5 месяцев назад" ["channelName"]=> NULL } ["GhizMBPiRLc"]=> object(stdClass)#8045 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "GhizMBPiRLc" ["related_video_title"]=> string(90) "Как я УСКОРИЛ работу в 3 раза с помощью нейросетей" ["posted_time"]=> string(25) "2 недели назад" ["channelName"]=> NULL } ["kPuZn8I8xrI"]=> object(stdClass)#8047 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "kPuZn8I8xrI" ["related_video_title"]=> string(86) "Сделал САЙТЫ с помощью ChatGPT за 60, 6000 и 60 000 секунд" ["posted_time"]=> string(25) "2 месяца назад" ["channelName"]=> NULL } ["e0gzOU6O-jI"]=> object(stdClass)#8049 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "e0gzOU6O-jI" ["related_video_title"]=> string(149) "КИТАЙСКОЕ ФУТУРИСТИЧЕСКОЕ ИНЖИНИРИНГОВОЕ ИСКУССТВО: Самые поразительные чудеса" ["posted_time"]=> string(25) "2 недели назад" ["channelName"]=> NULL } ["PL3i9po_eXL_pyNKBtAAK_gVBWG5d8yZS9"]=> object(stdClass)#8059 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(34) "PL3i9po_eXL_pyNKBtAAK_gVBWG5d8yZS9" ["related_video_title"]=> string(36) "Next.js 14 Tutorials - App Directory" ["posted_time"]=> string(0) "" ["channelName"]=> NULL } ["6NK4Pona2fY"]=> object(stdClass)#8039 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "6NK4Pona2fY" ["related_video_title"]=> string(102) "Claude Code: полный гайд по AI-кодингу (хаки, техники и секреты)" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> NULL } ["EJzitviiv2c"]=> object(stdClass)#8062 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "EJzitviiv2c" ["related_video_title"]=> string(29) "КАК УСТРОЕН TCP/IP?" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> NULL } ["5GG-VUvruzE"]=> object(stdClass)#8052 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "5GG-VUvruzE" ["related_video_title"]=> string(43) "How To Handle Permissions Like A Senior Dev" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> NULL } ["fqabW3WRUbw"]=> object(stdClass)#8063 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "fqabW3WRUbw" ["related_video_title"]=> string(50) "Next.js 15 Breakdown (Everything You Need To Know)" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> NULL } ["O8ivm7403rk"]=> object(stdClass)#8046 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "O8ivm7403rk" ["related_video_title"]=> string(26) "Master Next JS in easy way" ["posted_time"]=> string(28) "11 месяцев назад" ["channelName"]=> NULL } ["fg0_0M8kZ8g"]=> object(stdClass)#8044 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "fg0_0M8kZ8g" ["related_video_title"]=> string(80) "Превратите ЛЮБОЙ файл в знания LLM за СЕКУНДЫ" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> NULL } ["Zqnq5mo9ADQ"]=> object(stdClass)#8042 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Zqnq5mo9ADQ" ["related_video_title"]=> string(92) "Google Gemini 3.0 - реально самый умный ИИ! Обзор за 10 минут" ["posted_time"]=> string(21) "2 часа назад" ["channelName"]=> NULL } ["awd_oYcmrRA"]=> object(stdClass)#8043 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "awd_oYcmrRA" ["related_video_title"]=> string(80) "NextJS + Firebase Tutorial 🔥 // Hooks, Firestore, Authentication & Functions!" ["posted_time"]=> string(21) "4 года назад" ["channelName"]=> NULL } ["lJdNvX8WTVs"]=> object(stdClass)#8040 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "lJdNvX8WTVs" ["related_video_title"]=> string(116) "Почему римский БЕТОН прослужит 2000 лет, а наш — умрёт через 50 лет" ["posted_time"]=> string(25) "2 недели назад" ["channelName"]=> NULL } ["vHXZ4jJFgT0"]=> object(stdClass)#8041 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "vHXZ4jJFgT0" ["related_video_title"]=> string(94) "How to add Phone OTP Authentication to any Next.js app with Firebase! (Tutorial for Beginners)" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> NULL } ["LCvBPsuHe6g"]=> object(stdClass)#8029 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "LCvBPsuHe6g" ["related_video_title"]=> string(116) "Использование Cloud Firestore для вашего бэкенда REACT 2023 | CRUD-приложение" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> NULL } ["oikRXUvVKqA"]=> object(stdClass)#8030 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "oikRXUvVKqA" ["related_video_title"]=> string(81) "Firebase против Supabase: битва платформ приложений!" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> NULL } }
Kubernetes — Простым Языком на Понятном Примере

Kubernetes — Простым Языком на Понятном Примере

Getting Started with Firebase Admin in NextJs

Getting Started with Firebase Admin in NextJs

СТРАХ НА РЫНКЕ! Крипта падает, трейдеров ликвидирует, BTC 89.000$, что делать сейчас?

СТРАХ НА РЫНКЕ! Крипта падает, трейдеров ликвидирует, BTC 89.000$, что делать сейчас?

Я Построил Рогатку Более Мощную, чем Пистолет

Я Построил Рогатку Более Мощную, чем Пистолет

Как я УСКОРИЛ работу в 3 раза с помощью нейросетей

Как я УСКОРИЛ работу в 3 раза с помощью нейросетей

Сделал САЙТЫ с помощью ChatGPT за 60, 6000 и 60 000 секунд

Сделал САЙТЫ с помощью ChatGPT за 60, 6000 и 60 000 секунд

КИТАЙСКОЕ ФУТУРИСТИЧЕСКОЕ ИНЖИНИРИНГОВОЕ ИСКУССТВО: Самые поразительные чудеса

КИТАЙСКОЕ ФУТУРИСТИЧЕСКОЕ ИНЖИНИРИНГОВОЕ ИСКУССТВО: Самые поразительные чудеса

Next.js 14 Tutorials - App Directory

Next.js 14 Tutorials - App Directory

Claude Code: полный гайд по AI-кодингу (хаки, техники и секреты)

Claude Code: полный гайд по AI-кодингу (хаки, техники и секреты)

КАК УСТРОЕН TCP/IP?

КАК УСТРОЕН TCP/IP?

How To Handle Permissions Like A Senior Dev

How To Handle Permissions Like A Senior Dev

Next.js 15 Breakdown (Everything You Need To Know)

Next.js 15 Breakdown (Everything You Need To Know)

Master Next JS in easy way

Master Next JS in easy way

Превратите ЛЮБОЙ файл в знания LLM за СЕКУНДЫ

Превратите ЛЮБОЙ файл в знания LLM за СЕКУНДЫ

Google Gemini 3.0 - реально самый умный ИИ! Обзор за 10 минут

Google Gemini 3.0 - реально самый умный ИИ! Обзор за 10 минут

NextJS + Firebase Tutorial 🔥 // Hooks, Firestore, Authentication & Functions!

NextJS + Firebase Tutorial 🔥 // Hooks, Firestore, Authentication & Functions!

Почему римский БЕТОН прослужит 2000 лет, а наш — умрёт через 50 лет

Почему римский БЕТОН прослужит 2000 лет, а наш — умрёт через 50 лет

How to add Phone OTP Authentication to any Next.js app with Firebase! (Tutorial for Beginners)

How to add Phone OTP Authentication to any Next.js app with Firebase! (Tutorial for Beginners)

Использование Cloud Firestore для вашего бэкенда REACT 2023 | CRUD-приложение

Использование Cloud Firestore для вашего бэкенда REACT 2023 | CRUD-приложение

Firebase против Supabase: битва платформ приложений!

Firebase против Supabase: битва платформ приложений!

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]