Tus opciones de inicio de sesión en apps de v0
| Opción de inicio de sesión | Emails que reciben tus usuarios | Probar con Proxy Mail QA |
|---|---|---|
| Email y contraseña, con Supabase | Confirmación, restablecimiento de contraseña, cambio de correo | Sí |
| Enlaces mágicos o códigos, con Supabase | Un enlace o código para iniciar sesión | Sí |
| Email y contraseña, con Clerk | Un código de verificación, códigos de restablecimiento de contraseña | Sí |
| Google, GitHub y otros botones | Ninguno para iniciar sesión | No: usa una cuenta tuya |
¿No sabes cuál usa tu app? Pregúntale a v0: “¿Qué autenticación usa esta app y qué emails envía?” Métodos de inicio de sesión explicados explica qué hace cada opción.
Prueba todos los emails de inicio de sesión en cinco minutos
- Despliega y luego abre tu dirección de producción, no la vista previa dentro de v0.
- Crea una dirección en Proxy Mail QA, con una persona generada si tu formulario pide un nombre.
- Regístrate y usa el enlace o el código de la fila. Un enlace de confirmación tiene los botones Abrir enlace y Copiar enlace; los códigos tienen un botón Copiar.
- Luego prueba el resto: cierra sesión, restablece la contraseña, inicia sesión con la nueva y guárdala en la fila.
- Repite una vez en un despliegue de vista previa si tu equipo revisa allí los cambios antes de publicarlos.
Supabase: tres ajustes que revisar
1. Site URL y Redirect URLs. En tu proyecto de Supabase, abre Authentication → URL Configuration. Configura Site URL con tu dominio de producción y agrega tu dominio personalizado y https://*-your-team.vercel.app/** (con el nombre de tu equipo de Vercel) en Redirect URLs, para que también funcionen los despliegues de vista previa. Proxy Mail QA marca los enlaces que van a localhost, incluidos los enlaces alojados de Supabase que solo redirigen allí después de verificar. Guía completa.
2. La redirección en el código. El registro, los enlaces mágicos y el restablecimiento de contraseña deben pedirle a Supabase que devuelva a las personas a la dirección real de tu sitio, desde una variable de entorno o la dirección de la página actual, nunca un localhost fijo en el código.
3. El remitente de email. El remitente integrado de Supabase es para desarrollo: envía solo 2 emails por hora y solo a miembros del equipo de tu proyecto de Supabase, así que el correo a una dirección de prueba nunca sale de Supabase. Configura SMTP personalizado con un proveedor como Resend antes de probar con direcciones externas o lanzar. Otros motivos por los que no llega el email.
Clerk: desarrollo y producción
Clerk inicia tu app en una instancia de desarrollo con sus propios usuarios. Antes del lanzamiento, creas una instancia de producción y conectas tu dominio con los registros DNS que lista Clerk, y las cuentas creadas en desarrollo no se transfieren. Regístrate de nuevo en producción con una dirección nueva y comprueba que el código de verificación llegue y funcione.
Prompts para copiar y pegar en v0
List every email this app sends: sign-up confirmation, verification code, magic link, password reset, invite and email change. For each, tell me what triggers it, which URL its link points to, and how long its link or code stays valid. Flag anything that uses localhost.Build every redirect in sign-up, magic link and password reset emails from an environment variable for the site's public URL, falling back to the current page's address. Never hard-code localhost.Add a Forgot password flow: a page to request the email, and a page to choose a new password that then signs the user in. Show a clear message when the link has expired or was already used, with a button to send a new one.