Configurar Supabase Auth con email y contraseña

Configura Supabase con confianza: en pocos pasos podrás registrar usuarios reales, iniciar sesión con email y contraseña y enriquecer la metadata para identificar mejor perfiles. Aquí verás el flujo completo desde el dashboard y desde la interfaz, con validaciones esenciales y confirmación por correo.

¿Cómo activar supabase auth y configurar proveedores?

Desde el dashboard de Supabase, en la sección de Authentication, puedes gestionar el registro de usuarios y ver los existentes. Se permite crear usuarios manualmente, enviar invitaciones por correo o registrar desde la interfaz.

• Crear usuario desde el panel con email y contraseña.
• Marcar “autoconfirmado” para evitar el correo de verificación.
• Ver datos básicos: identificador, email, proveedor y fecha de creación.
• Iniciar sesión directo si el email está confirmado.

Además, Supabase ofrece ajustes clave:

• Permitir o no nuevos registros.
• Habilitar enlace manual del proyecto.
• Permitir logueos anónimos.
• Enviar email de confirmación al registrarse.

También puedes activar proveedores de login: teléfono y cuentas sociales como Apple y Azure, además de opciones externas tipo Firebase, Clerk, Workcos, Auth0 y Amazon Cognito. Cada proveedor requiere validación e inicio de sesión en su plataforma antes de activarlo.

Se mencionan las políticas para role level security por tabla, que se trabajarán más adelante: ayudan a controlar el acceso por filas según el rol del usuario.

¿Cómo se realiza el registro con email, contraseña y metadata?

Desde la interfaz, el flujo incluye nombre de usuario, correo y contraseña. Al registrar, si no está activada la autoconfirmación, llega un email por defecto de Supabase con un enlace de confirmación que redirige a la app en local (localhost:3000). Tras confirmar, el usuario puede iniciar sesión y se muestra su información, incluida la metadata personalizada como username y rol.

• Registro con validación por correo si no está autoconfirmado.
• Enlace de confirmación redirige a la app local.
• Inicio de sesión exitoso con visualización de datos y metadata.
• Mayor robustez al guardar metadata como rol y username.

¿Qué validaciones básicas conviene implementar en registro?

La función handle submit verifica condiciones antes de llamar a Supabase:

• Validar que las contraseñas existan y coincidan.
• Confirmar disponibilidad del nombre de usuario.
• Usar una verificación que responde 404 cuando el username no existe, indicando que se puede usar.
• Enviar a Supabase el email, la password y las opciones con metadata (por ejemplo, username y rol) para guardar junto al usuario.

¿Qué hace el login y cómo leer la metadata del usuario?

El inicio de sesión usa la función de Supabase para logueo con password, recibiendo email y password. El flujo controla carga, errores y mensajes, y al autenticarse muestra un success en la interfaz.

• Extraer y gestionar errores de la respuesta.
• Obtener el usuario autenticado y acceder a su metadata.
• Mostrar en consola la información del usuario y su user metadata.

¿Qué diferencia hay entre crear desde el panel y desde la interfaz?

Cuando se crea desde el dashboard, la data es básica: provider y email verified. En cambio, al registrar desde la interfaz se puede adjuntar metadata custom (p. ej., rol y username). Esto ofrece flexibilidad para relacionar datos propios con cada usuario y preparar el sistema para asociar posts, likes y perfiles a identidades reales.

¿Quieres que aborde un ejemplo puntual de validaciones o del manejo de metadata en tu proyecto? Deja un comentario con tu caso y te ayudo a optimizarlo.