Traducido automáticamente del inglés.

Leer en inglés
Proxy Mail QA

Probar los emails de registro e inicio de sesión en apps creadas con v0

v0 crea una app Next.js y la despliega en Vercel. Si le pides cuentas, suele conectar Supabase para el inicio de sesión, a veces Clerk. Sus emails solo funcionan para usuarios reales cuando un par de ajustes coinciden con el lugar donde realmente se ejecuta tu app.

Actualizado el

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

  1. Despliega y luego abre tu dirección de producción, no la vista previa dentro de v0.
  2. Crea una dirección en Proxy Mail QA, con una persona generada si tu formulario pide un nombre.
  3. 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.
  4. Luego prueba el resto: cierra sesión, restablece la contraseña, inicia sesión con la nueva y guárdala en la fila.
  5. 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.

Úsalo en tu próxima prueba de registro

Plan gratuito, sin tarjeta de crédito. Crea una dirección y mira cómo llega el código o el enlace.

Crear una cuenta gratuitaAbrir la aplicación

Preguntas

¿Por qué mi enlace de confirmación lleva a localhost:3000?

Supabase crea el enlace a partir de tu Site URL, que al principio es http://localhost:3000, salvo que tu código de registro pida una dirección de redirección que esté en la lista de Redirect URLs. Configura la Site URL con tu dominio de producción y agrega tus otras direcciones en Redirect URLs.

El registro funciona en mi dominio de producción, pero no en los despliegues de vista previa. ¿Por qué?

Cada despliegue de vista previa de Vercel tiene su propia dirección. Agrega un comodín como https://*-your-team.vercel.app/** a las Redirect URLs de Supabase, para que los enlaces enviados desde una vista previa vuelvan a ella.

¿Puedo probar el inicio de sesión en la vista previa de v0?

Pruébalo en tu app desplegada. La vista previa dentro de v0 se ejecuta en su propia dirección, que normalmente no está en la lista de Redirect URLs de Supabase, así que los enlaces de los emails de inicio de sesión recurren a la Site URL en lugar de volver a la vista previa.

Mira todos los problemas de prueba de email que resolvemos

v0 y Vercel son marcas comerciales de Vercel, Inc. Supabase es una marca comercial de Supabase, Inc. Clerk es una marca comercial de Clerk, Inc. Proxy Mail QA es independiente y no está afiliado a ellos ni cuenta con su respaldo.

¿Tienes una pregunta sobre esta página?

Pregunta en cualquier idioma. La documentación puede responderte de inmediato, o puedes enviar tu pregunta al equipo de Proxy Mail QA, que responde en inglés.