Contenido del curso
Autenticación
CRUD de la aplicación
Seguridad avanzada
Dashboard con Supabase Realtime
Emails y Resend para Suplatzigram
MCP y Edge Functions
Emails de Supabase a producción con Resend
Resumen
Si estás construyendo una app con Supabase y quieres llevarla a producción, hay un detalle que cambia por completo la percepción de tu producto: los emails de autenticación. Supabase trae un sistema interno para registro, recuperación de contraseña y verificación, pero migrar a un proveedor como Resend te da dominio propio, mejor entregabilidad y plantillas personalizadas.
¿Cómo funciona el sistema de emails interno de Supabase?
Supabase incluye plantillas listas para enviar correos sin configuración adicional. Funciona, pero tiene límites claros cuando piensas en producción.
Desde el dashboard, en la sección Authentication, puedes disparar un evento como una invitación. Por ejemplo, al invitar a suplatzigram+2@gmail.com, llega un correo con el remitente Supabase Auth y un asunto tipo "Has sido invitado". El alias +2 sirve para generar un evento de prueba sin necesidad de crear otra cuenta.
¿Por qué Supabase usa un dominio genérico por defecto? Porque su servidor SMTP interno está pensado para desarrollo y pruebas, no para producción. Por eso los correos salen desde un dominio propio de Supabase y no del tuyo.
¿Qué plantillas de email trae Supabase por defecto?
Dentro de las notificaciones de email encuentras un set de plantillas editables, cada una con variables y vista previa en tiempo real. Las principales son:
- Invite User, para invitar usuarios al proyecto.
- Confirm signup, para confirmar el registro.
- Magic link, para acceder con un solo enlace.
- Change email address, cuando alguien cambia su correo.
- Reset password, para restablecer la contraseña.
- Reauthentication, cuando se necesita validar identidad.
Además, hay notificaciones de seguridad más recientes, marcadas con un batch de "nuevo", que cubren cambios de contraseña, cambios de email o teléfono, vinculación y desvinculación de identidades, y eventos de multifactor authentication (MFA) como cuando se agrega o se remueve.
Todas reciben HTML, así que puedes customizar el diseño completo. El problema no está en el contenido sino en el remitente.
¿Por qué migrar a un proveedor externo como Resend?
La limitación más fuerte del sistema interno es que no puedes customizar el dominio del remitente. Si tu app se llama Suplatzi Gram, lo lógico es que los correos lleguen desde @tudominio.com y no desde un dominio genérico de Supabase.
Para cambiar esto, en el panel de autenticación necesitas activar el custom SMTP. Ahí Supabase te pide los datos de un proveedor SMTP externo: host, puerto, usuario, contraseña y dominio remitente. Sin esa configuración, tus correos seguirán saliendo con el remitente por defecto.
Y aquí entra Resend, un servicio de email para developers que se ha vuelto referencia del mercado. Tiene aliados como Supabase, documentación para múltiples lenguajes y una integración SMTP que se resuelve en aproximadamente 18 líneas de código.
¿Qué es Resend y por qué se recomienda con Supabase? Es un proveedor de email orientado a developers que ofrece envíos vía API o SMTP, dominio propio y métricas de entregabilidad. Se integra directamente con el SMTP custom de Supabase.
¿Qué ganas al usar un dominio propio para tus correos?
Un dominio verificado mejora varias cosas a la vez, sobre todo cuando tu app crece:
- Mejor entregabilidad, porque los servidores de correo confían más en dominios autenticados con SPF, DKIM y DMARC.
- Menor riesgo de spam, ya que los correos dejan de parecer genéricos.
- Identidad de marca, porque el usuario ve tu nombre y no el de tu backend.
- Control sobre remitentes y plantillas, pudiendo separar
noreply@,hola@osoporte@.
Esto último es clave: estás ocultando que tu backend corre en Supabase y entregando una experiencia consistente con tu producto.
¿Qué sigue después de configurar Resend en Supabase?
Con las bases claras, el siguiente paso es práctico: conectar las acciones del backend con envíos reales. Eso incluye notificaciones de nuevos comentarios, likes o mensajes de bienvenida más personalizados dentro de Suplatzi Gram.
También verás cómo verificar tu dominio en Resend para que los correos no caigan en spam y cómo reemplazar las plantillas default por una versión alineada con tu marca.
¿Ya pensaste qué tipo de notificaciones quieres enviar a tus usuarios? Cuéntalo en los comentarios para definir juntos los flujos de email que vamos a construir.