Next.js 13 + NextAuth: Login, Register & Rutas protegidas con JWT | Tutorial 2023

Поделиться
HTML-код
  • Опубликовано: 17 ноя 2024

Комментарии • 82

  • @ANGELAPARGAGONZALEZ
    @ANGELAPARGAGONZALEZ 6 месяцев назад +3

    Muchas gracias por este contenido. Llevaba días confundida ya que tengo todo mi proceso de autenticación en express con passport, y no tenía muy claro que debía hacer en el front-end para conectarlo, además créeme que no hay muchos tutoriales que expliquen esa brecha. Agradezco tu forma de enseñar, y espero sigas subiendo este tipo de contenido.

  • @sofianeira6929
    @sofianeira6929 7 месяцев назад

    Lo único malo del video es que no lo vi desde que comencé a hacer mi autenticación en el frontend 😭😭 Lo hiciste tan sencillo y rápido y yo demoré casi un día para que cuadrara. ¡¡¡Excelente video, me ayudó muchísimo!!!

  • @ymfreddy
    @ymfreddy 7 месяцев назад

    Gracias por la explicación, me salvaste tenia un examen y lo hice rápido con tu video

  • @ASCIIMoster
    @ASCIIMoster 8 месяцев назад

    Muchas gracias, pude implementarlo 100% con un back de graphql y next 14 fácilmente :D

  • @AlanMartins-z6r
    @AlanMartins-z6r Год назад

    Me has salvado, muchas gracias!
    he passado dos semanas buscando como sacar el token para poder ultilizarlo en otro sitio de mi aplicacion.
    te debo un café.

  • @jesusquintanaesquiliche9808
    @jesusquintanaesquiliche9808 Год назад +3

    Magistral como siempre Bluuweb

  • @321jhordy
    @321jhordy 8 месяцев назад +1

    Genial tutorial, me gustaria ver más a detalle sobre todo lo del refresh token, espero que puedas sacar un video continuando esa explciacion , aunque sea de paga normal.

  • @hmerrk
    @hmerrk 10 месяцев назад

    Primer tutorial que veo de este canal y me ha encantado la pedagogía y actitud del profe. Muchas gracias!

  • @arielmolho85
    @arielmolho85 Год назад +5

    Sigo tu canal hace un par de años y siempre buen contenido. Gran aporte al mundo dev. Gracias.

    • @bluuweb
      @bluuweb  Год назад

      Gracias a ti por comentar y apoyar 😊 Saludos!

  • @AlexYT-f4e
    @AlexYT-f4e 9 месяцев назад +1

    Genial el tutorial!!! El único que me sirvió después de intentar muchas veces y sin éxito conseguir implementar la autenticación (demasiado lío entre js/ts app router/page router etc etc)
    Tengo una pregunta no obstante, a ver si alguien por aquí me la puede resolver :)
    Después de haber seguido el tutorial, cuando hago login con un usuario y me redirige al dashboard, si accedo de nuevo a la ruta "/login", vuelve a mostrarme el formulario de login. Si hago esto, la aplicación debería llevarme al dashboard o a cualquier otra ruta. ¿Cómo puedo conseguir esto?

  • @sergiofernandomorangarcia7410
    @sergiofernandomorangarcia7410 10 месяцев назад

    Muchas gracias, con tu explicación entendí bien bien como utilizar next-auth y sobre todo como lograr visualizar la data de la api 🙏

  • @josearmandovargas3786
    @josearmandovargas3786 Год назад

    estaba buscando alternativas seguras para autenticación en nextjs y me encontré con esta joya, apenas voy por el minuto 20 pero ya te ganaste un sub

  • @alexcodedominican
    @alexcodedominican Год назад

    Demaciado clara la explicacion, excelente

  • @ouza6744
    @ouza6744 2 месяца назад

    Genio, gracias

  • @leandrodavimg
    @leandrodavimg Год назад +1

    Seu vídeo é ótimo, caramba bem didático e simples de compreender, parabéns recomendei para o pessoal da minha equipe.

  • @lesterarteaga3729
    @lesterarteaga3729 Год назад

    Gracias por tu tiempo. claramente explicado

  • @historiaseneltiempo6954
    @historiaseneltiempo6954 Год назад

    Excelente, muy bien explicado el paso a paso

  • @sebastianroserogarcia1155
    @sebastianroserogarcia1155 Год назад

    Justo lo que necesitaba. Muchas gracias bro!!!

  • @alexcodedominican
    @alexcodedominican Год назад

    Eso esta super claro, excelente tutorial.

  • @HELMET10100
    @HELMET10100 Год назад +1

    Te daría una abrazo pero estamos muy lejos 😂. De verdad me cayo apenas este video porque estaba sufriendo con ese tema de rutas.
    ufruein

    • @bluuweb
      @bluuweb  Год назад +1

      jijiji nos vemos!!

  • @relevens9829
    @relevens9829 Год назад

    Bluuweb tu video callo del cielo jajaja puedes hacer un video el antes y el depues de como se hacia en next page y ahora en app 🤗

    • @bluuweb
      @bluuweb  Год назад +1

      Nunca lo hice con next page jajaja pero lo averiguaré 😊 Saludos

    • @relevens9829
      @relevens9829 Год назад

      @@bluuweb :o por favor

  • @stevenrincon4219
    @stevenrincon4219 Год назад

    Excelente vídeo, para NextAuth con Google en JavaScript, la estructura del route sería igual que TS y los SessionProvider cómo serían?

  • @rubenn6160
    @rubenn6160 9 месяцев назад +1

    no entiendo nada de nextauth asi que ando aca jaja

  • @ZarisPlay
    @ZarisPlay Год назад

    Hola mi bro, para cuando un curso de laravel 10? Tú explicas bien los cursos :c

  • @franciscoalbert1021
    @franciscoalbert1021 10 месяцев назад

    Y si quiero redireccionar el signout? POr ejemplo en produccion al cerrar sesion me redirecciona a localhost. AYUDA!!

  • @yelitzasuniaga8281
    @yelitzasuniaga8281 6 месяцев назад

    Hola Ignacio tendrás un curso de next.js 14 en udemy?

  • @fixesdev
    @fixesdev 11 месяцев назад

    Hola, gracias por tu video. Tengo una duda, en que momento el backend verifica que el authorization sea valido?

  • @kacosta23
    @kacosta23 Год назад

    excelente muy buen video, pero una duda como seria en caso tu token haya expirado la session y este te redireccione al login como seria la configuración ?

  • @trucosprogramacion
    @trucosprogramacion Год назад +2

    Hola , saludos desde Lima - Peru , son muy interesantes tus videos . Podrías hacer algo similar pero con nuxt.js ? Usando vue js .

    • @bluuweb
      @bluuweb  Год назад +1

      Terminaré unas secciones más con next y nos pasamos a nuxt 😊 Saludos

  • @jhoansebastian1358
    @jhoansebastian1358 Год назад

    Buenas, no me funciona el middleware (estoy en le directorio de pages) estoy con un monorepo de NX es necsario agregar la variable NEXTAUTH_SECRET?

  • @loo6942
    @loo6942 9 месяцев назад

    Buenas!! una pregunta, como hago si quiero utilizar otros middlewares para otras cosas además del de nextauth? 48:29

  • @fmolinacr
    @fmolinacr 10 месяцев назад

    se puede hacer deploy para otro server que no sea VERCEL, esto porque me sale este error al hacer el build
    Error: Page "/api/auth/[...nextauth]" is missing "generateStaticParams()" so it cannot be used with "output: export" config.

  • @martinriostineo6635
    @martinriostineo6635 Год назад

    Excelente video, una consulta bluuweb, si me logeo aun puedo ir al login como podria evitar eso ?

  • @gabrielenguidanos7690
    @gabrielenguidanos7690 8 месяцев назад

    Una duda. Cuando creas el credentials provider y te devuelve un token, como es posible que en el backend la verificación sea correcta si el token se creó en nextjs?? Gracias

  • @KKrotalbo
    @KKrotalbo Год назад +2

    Excelente video

    • @bluuweb
      @bluuweb  Год назад +1

      Gracias! Saludos 🎉

  • @erickgordillo6187
    @erickgordillo6187 9 месяцев назад

    Buen tutorial, algun video sin nextAuth

  • @ludge143
    @ludge143 Год назад

    Hola crack, sigo tus videos y he adquirido algunos de tus cursos en udemy, un genio total. Tengo una consulta, por alguna razon despues de configurar nextauth en el proyecto, el login me funciona y me incia una sesion, sin embargo el servidor tira internal sever error, y obvio, no retorna ningun usuario, has tenido este mismo problema antes?

  • @CrossZeevick
    @CrossZeevick 7 месяцев назад

    Por qué cuando activo el cache del navegador se queda cacheado todo y ya deja de servir mi auth? hasta q vuelvo a desactivarlo?

  • @antsegang
    @antsegang 11 месяцев назад

    le estoy devolviendo un JWT y un id desde el backend, llegan bien pero a la hora de hacer el export no funciona, por tanto no guarda la info en sessión a pesar de si autorizar el logiín session.body queda vacio

  • @nas4792
    @nas4792 Год назад +1

    gracias por todo.. pregunta que usas para que se autocomlete esas ayudas... name de la extension por favor

    • @bluuweb
      @bluuweb  Год назад +2

      github copilot. Saludos

  • @MiguelLizcanoMorales
    @MiguelLizcanoMorales 5 месяцев назад

    alguien me puede ayudar!! iba todo bien hice lo de las rutas, agregue el dashboard, pero a la hora de solicitar la ruta sin hacer singin, me deja entrar, pero se supone no debería, ya esta configurado el sessionproviderauth

  • @JohnPiedrahita-lo8eh
    @JohnPiedrahita-lo8eh 6 месяцев назад

    El token queda expuesto en el network del navegador, como se puede controlar esta vulnerabilidad?

  • @v3.14
    @v3.14 8 месяцев назад

    y en NEXTAUTH_URL ke pongo?! no voy a usar vercel 😢

  • @404-not-found-service
    @404-not-found-service 6 месяцев назад

    Nacho cuando apareceras por estos ladooos

  • @alejandroalfonsomoralesloz5552

    Tengo una duda, y si por lo menos no quiero que se muestre el Navbar en el caso de cuando un usuario no esta Autenticado? Tengo un Login y solo quiero que se muestre el login. El navbar seria cuando ya entre a la App

  • @MotriMOT
    @MotriMOT Год назад

    🥳

  • @agustinnunez7119
    @agustinnunez7119 10 месяцев назад +1

    lo que no me gusta de next, es que no pasan 4 meses y con una actualizacion deja de funcionar la mitad de las cosas porque cambian la forma de hacer las cosas constantemente

  • @AguanteLaFrutilla
    @AguanteLaFrutilla 7 месяцев назад

    Consulta: esto no nos está haciendo tener toda la aplicacion en client side? Así no tiene sentido usar next

  • @nas4792
    @nas4792 Год назад +2

    configuraciones de cokkies y refres ejemplo por favor

    • @bluuweb
      @bluuweb  Год назад +4

      Excelente, lo anotaré para las próximas secciones 🙌🏽 Saludos!

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt Год назад +3

    (deuslovult) Que grande Bluu , lo subiste súper rapido 🎉🎉

    • @bluuweb
      @bluuweb  Год назад +2

      Ajá con que te ocultas con otro nick jajajaja siii amanecí motivado para que el finde nos dediquemos a estudiar 🙌🏽
      Saludos!!!

    • @Deus-lo-Vuilt
      @Deus-lo-Vuilt Год назад +1

      @@bluuweb jajajaja es que cambiaron lo de Nicks y ahora sale el nombre del correo de la cuenta , pero siempre me paso por aquí ajajjaja , así veo , motivadisimo , toca estudiar 🎒🎒

    • @bluuweb
      @bluuweb  Год назад +2

      toda la energía para tiiii 💪🏽💪🏽💪🏽 Saludos!

  • @aldairacosta5362
    @aldairacosta5362 11 месяцев назад

    tengo un proyecto en jsx pero me sale error en algunas cosas :(( y no me guarda la info de mi logueo

  • @fernandoodorisio
    @fernandoodorisio Год назад

    Buenas, supongamos que las credenciales las tengo en una base de datos y bloqueo al usuario y no quiero esperar a que se venza el token. ¿ donde lo valido y como elimino el token utilzando next auth? Gracias!

  • @CristianPazcc
    @CristianPazcc 6 месяцев назад

    El servicio de autenticación me devuelve datos como rol, teléfono, entre otros, como hago para guardar esos datos en la sesión, SOLO ME GUARDA name y email

    • @CristianPazcc
      @CristianPazcc 6 месяцев назад

      Excelente gracias, ya lo resolví, mas adelante ha estado la explicacion

  • @gabysanchez8726
    @gabysanchez8726 Год назад +1

    Bluuuuuuuuuuuu, el getStaticProps y los demas, en esta version de nextjs ya no se utilizan? solo hace con funciones comunes?

    • @bluuweb
      @bluuweb  Год назад

      Hola, si utilizas la carpeta pages si lo puedes utilizar pero con app router todos los componentes por defecto son de servidor, de todas formas lo explicamos aquí: ruclips.net/video/mwvthcLX7W4/видео.html Espero ayudar. Saludos

    • @gabysanchez8726
      @gabysanchez8726 Год назад

      @@bluuweb perfecto, entonces quiere decir que si utilizamos pages, los componentes son de servidor cuando utilizamos getStaticProps por ejemplo, sino son de cliente?

  • @ricardosolis9800
    @ricardosolis9800 6 месяцев назад

    puedes hacer lo mismo con next 14 ?

  • @qcode_co
    @qcode_co Год назад +1

    Cómo se hace para que no me redirija al login si hago un F5(refresh)?

    • @bluuweb
      @bluuweb  Год назад +1

      Verifica que la sesión se esté creando ya que no debería pasar eso, también revisa las variables de entorno que no te falte alguna. Saludos

  • @misaelburboa
    @misaelburboa Год назад

    Alguien sabe como puedo invalidar el session de Nexth Auth cuando el token del backend expiró? porque en el frontend posiblemente la sesión de NextAuth sigue siendo valida pero el token del backend ya expiró

  • @santiagomanuelgonzalez9894
    @santiagomanuelgonzalez9894 Год назад +1

    Amigo, ese mismo backend lo podes hacer directamente en nextjs??

    • @bluuweb
      @bluuweb  Год назад +1

      Si se puede, aunque para dividir responsabilidades se recomienda separarlo en la mayoría de los proyectos.

    • @santiagomanuelgonzalez9894
      @santiagomanuelgonzalez9894 Год назад

      @@bluuweb Gracias amigo, por responder y subir este contenido gratis a la comunidad

  • @joffreveloz2410
    @joffreveloz2410 Год назад

    Has uno con NUXT JS

  • @GOPUBLICIDADEstudioCreativo
    @GOPUBLICIDADEstudioCreativo Год назад

    Eres de Venezuela?

  • @utopian5920
    @utopian5920 9 месяцев назад

    Esto es parte del curso de udemy?

  • @chalvarenga96
    @chalvarenga96 5 месяцев назад

    Estuve siguiendo el tutorial, pero en la parte del middleware me he atascado, ya que 'export { default } from "next-auth/middleware";' esta deprecado y he tratado de seguir las indicaciones de la documentación, pero no logro comprender muy bien la verdad. 🥲🥲

  • @gabrielemilianofacio6754
    @gabrielemilianofacio6754 5 месяцев назад

    Muchas gracias por este contenido. Llevaba días confundido ya que tengo todo mi proceso de autenticación en flask, y no tenía muy claro que debía hacer en el front-end para conectarlo, además créeme que no hay muchos tutoriales que expliquen esa brecha. Agradezco tu forma de enseñar, y espero sigas subiendo este tipo de contenido.