Crea una cuenta o inicia sesi贸n

隆Contin煤a aprendiendo sin ning煤n costo! 脷nete y comienza a potenciar tu carrera

Patrones de autenticaci贸n en Next.js

3/11
Recursos

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

Aportes 1

Preguntas 1

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

鉀擄笍 Patrones de autenticaci贸n en Next.js

Recursos

NextAuth.js

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 鈥淔lash 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

  1. Funcionan mejor desde el cliente:

    Firebase, Magic, Auth0

  2. 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