Autenticacion con NextAuth

Requisitos previos

• Next.js 14 con App Router configurado
• Cuenta en GitHub o Google para OAuth
• Conocimientos básicos de TypeScript
• Base de datos opcional (para sesiones persistentes)

Instalación de NextAuth.js

NextAuth.js se instala como una dependencia de tu proyecto y se configura a través de un archivo de ruta de API. Soporta múltiples proveedores de autenticación out of the box.

npm install next-auth

// app/api/auth/[...nextauth]/route.ts
import NextAuth from 'next-auth'
import GithubProvider from 'next-auth/providers/github'

const handler = NextAuth({
  providers: [
    GithubProvider({
      clientId: process.env.GITHUB_ID!,
      clientSecret: process.env.GITHUB_SECRET!
    })
  ]
})

export { handler as GET, handler as POST }

Configurando proveedores OAuth

NextAuth soporta más de 50 proveedores de autenticación incluyendo Google, GitHub, Facebook, Twitter y más. También puedes agregar autenticación por email/password con Credentials provider.

• GitHub: Ideal para apps de desarrolladores
• Google: El más universal, casi todos tienen cuenta
• Credentials: Login con email y password personalizado
• Email: Magic links enviados por correo electrónico

Conclusión

NextAuth.js hace que implementar autenticación segura sea accesible para cualquier desarrollador. Con unos pocos archivos de configuración, tienes un sistema de login robusto con OAuth, sesiones y protección de rutas.