Autenticación en Next.js con NextAuth: Implementación y Mejores Prácticas

Clase 3 de 11 • Curso de Next.js: Autenticación

Contenido del curso

Fundamentos

1
Autenticación en Next.js con NextAuth: Acceso Seguro a tu App
02:37 min
2
Diferencias entre Autenticación Clásica y Moderna: Cookies vs Tokens
10:02 min
3
Autenticación en Next.js con NextAuth: Implementación y Mejores Prácticas
Viendo ahora

Configuración

Autenticación

Otras consideraciones

Tomar examen

Resumen

Recuerda que puedes instalar el proyecto desde el repositorio en Github del proyecto Platpedia.

El tag específico para este curso es: Git tag: 12-auth Comando: git checkout -b dev 12-auth

Contiene todos los cambios de:

Incremental Rendering
Env. Vars
Image Loader
Shallow Rendering
Preview Mode
Internacionalizacion
Técnicas para grandes datasets

Comentarios

Fernando Quinteros Gutierrez

student•

⛓️ Patrones de autenticación en Next.js

Recursos

Apuntes

En la web existen 2 patrones de autenticación
1. Validar en el cliente
  - Conectándose en las API, mandando las contraseñas y estando en contacto con un servidor de autenticación
2. Validar desde el servidor
  - El servidor sea el encargado de enviar, verificar la información
Una gran diferencia es en la validación del cliente, cuando la información está cargando y de un momento a otra cambia de repente la información
Sitios como Airbnb siempre inician como si no estuvieras logueado y de un momento a otro cambia de vista, esto afectando a la experiencia de usuario
- Esto es conocido como “Flash of Unauthenticated content”
- Una manera de solucionarlo es usando SSR de tal forma que todo venga del servidor y no se tenga que esperar (Esto dependerá si se cuenta con un servidor)
Dependiendo de la manera que se elija, impactara en la forma en la que almacenemos la información de la sesión de nuestro usuario
La autenticación que es algo primordial y se debe tener cuidado, se lo debemos dejar a servicios, librerías, frameworks.
- Para aplicaciones en producción lo mejor siempre será utilizar un servicio especializado en autenticación

Proveedores

Funcionan mejor desde el cliente:

Firebase, Magic, Auth0
Funcionan mejor desde el servidor:

Cualquier DB con iron/iron-session, Auth0

NextAuth.js

Ofrece toda una capa lista para autenticación
Open source y construido para Next.js
Moderno
Buenas prácticas de seguridad
Muy flexible

Fernando Lopez

student•

alguien sabe de algun servicio de autenticación que pueda usar con react y react native con mi propio backend

Kevin Fiorentino

student•

Compañero, puedes utilizar Firebase Authentication de Google. Es súper fácil de administrar usuarios, envia email de cambio de contraseña y puedes segurizar tu propio backend con el JWT de los usuarios cuando se loguean. Muy recomendable, es un servicios de auth completo. Y lo mejor de todo, completamente gratis. No pagas nada por cantidad de usuarios, ni nada, no tiene límite. Saludos!

Autenticación en Next.js con NextAuth: Implementación y Mejores Prácticas

Fundamentos

Autenticación en Next.js con NextAuth: Acceso Seguro a tu App

Diferencias entre Autenticación Clásica y Moderna: Cookies vs Tokens