Saltar al contenido
supastack
Explorar la documentación
WebNext.js

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /es/docs/web/resend-email.md (or send Accept: text/markdown).

Añadir el email con Resend

Crea una cuenta de Resend gratuita, verifica un dominio de envío y cambia EMAIL_PROVIDER para que los códigos y recibos lleguen a bandejas de entrada reales.

Guía paso a paso para principiantes

Prerrequisitos: la app corriendo en local (Lanza en 5 minutos). Empieza gratis — sin tarjeta, y el nivel gratuito de Resend cubre los volúmenes de desarrollo.

Términos rápidos: EMAIL_PROVIDER=local es el predeterminado — los mensajes se escriben en la página incorporada /mail-preview y nunca salen de tu máquina, lo cual es perfecto mientras construyes. Resend es el adaptador que entrega en bandejas de entrada reales. EMAIL_FROM es la identidad de remitente que usan las plantillas; su dirección debe estar en un dominio que Resend haya verificado. Los registros DNS son las líneas que pegas en tu registrador o en Cloudflare para que los buzones receptores confíen en tu remitente.

Lo que creas: una cuenta de Resend, un dominio de envío verificado y una clave de API — el paso del dominio es la única parte de espera, ya que la propagación de DNS va de minutos a horas.

Crear la cuenta de Resend

1. Abre resend.com → Sign up, confirma tu email y llegas al panel.

2. Empieza con el nivel gratuito — incluso puedes enviar correo de prueba desde el remitente compartido de Resend antes de tener un dominio, que es lo que cubre la siguiente sección.

Verificar tu dominio de envío

Prueba rápida sin dominio: la dirección [email protected] funciona como EMAIL_FROM de inmediato — pero solo entrega al email con el que te registraste, nunca a usuarios. Úsala para ver la tubería funcionar y luego haz la configuración real.

1. Abre Domains → Add Domain e introduce el dominio desde el que envías (por ejemplo yourdomain.com; un subdominio como mail.yourdomain.com también funciona y mantiene los registros ordenados).

2. Resend lista los registros DNS a crear — registros TXT de DKIM más entradas MX/SPF o CNAME según la antigüedad de la cuenta. Añade cada uno en tu proveedor de DNS: la página de DNS de tu registrador, o Cloudflare si moviste los nameservers. En Cloudflare mantén la nube del proxy en gris (DNS only) para los registros de correo — los registros proxied nunca verifican.

3. De vuelta en Resend haz clic en Verify. Esperado: el dominio pasa a Verified. La propagación varía de minutos a un día; la página del dominio nombra el registro exacto que aún no resuelve.

Una vez verificado, cualquier dirección del dominio funciona como remitente — hello@, no-reply@, lo que use EMAIL_FROM — sin registro por dirección.

Crear la clave de API

1. Abre API Keys → Create API Key.

2. Permission: Sending access es suficiente — el kit solo envía. Nombra la clave por su entorno (production, local) para que una clave de desarrollo filtrada pueda revocarse sin tocar producción.

3. Copia la clave re_… ahora — se muestra una vez. Perderla solo significa crear otra.

Añadir los valores a la app

Escribe las líneas de abajo en apps/web/.env.local. RESEND_API_KEY es solo de servidor — nunca NEXT_PUBLIC_/EXPO_PUBLIC_, nunca commiteado; EMAIL_PROVIDER y EMAIL_FROM son configuración simple. Reinicia el servidor de desarrollo después de editar.

EMAIL_FROM debe estar en el dominio verificado: [email protected] solo llega a tu propia dirección de registro, y un dominio no verificado recibe un rechazo 403 de Resend.

# apps/web/.env.local
EMAIL_PROVIDER=resend
EMAIL_FROM="Your Product <[email protected]>"
RESEND_API_KEY=re_…

Verificar y solucionar problemas

Reinicia, abre /auth y pide un código de inicio de sesión a una bandeja de entrada real que controles. Esperado: el mensaje llega, y Resend → Emails muestra la entrega con estado verde — ese registro es también donde viven los motivos de rebote y error.

¿No se envió nada? Comprueba que EMAIL_PROVIDER=resend se guardó de verdad en apps/web/.env.local y reinicia. Un 403 en el registro del servidor significa que EMAIL_FROM no está en el dominio verificado — o que [email protected] se envió a alguien que no eres tú.

¿Otro proveedor más adelante? EMAIL_PROVIDER también acepta ses (con las claves de AWS) y los transportes postmark, sendgrid, mailgun, smtp, brevo — mismo contrato de EMAIL_FROM, nombres de env distintos, todos listados en .env.example. La guía de email los compara.

Si quieres continuar la configuración, lee Configurar el correo de Amazon SES.

Preguntas frecuentes

14 preguntas

¿Qué es supastack?

supastack es una base modular para construir productos SaaS con IA. Reúne la infraestructura común para que puedas centrarte en las funciones propias de tu producto.

¿Soporta web y móvil?

Sí. supastack incluye apps Next.js y Expo como puntos de partida para experiencias web y móviles.

¿Qué autenticación incluye?

Better Auth cubre correo/contraseña, OTP e inicio social. Los espacios de trabajo personales se aprovisionan con la cuenta para que los registros permanezcan delimitados desde el primer día.

¿Cómo se soporta la IA?

supastack incluye IA multi-proveedor configurable, seguimiento de uso, presupuestos y soporte cifrado de claves propias (BYOK).

¿Cómo se gestionan las suscripciones?

Para productos construidos sobre el kit, la facturación Stripe, las suscripciones y los permisos forman la base del acceso de pago. Los secretos de proveedor permanecen en el servidor.

¿Dónde vive el código propio de mi producto?

Las funciones propias del producto permanecen en un codebase separado, mientras el producto configura e integra los módulos base de supastack.

¿Cómo funciona el precio de supastack?

El kit es una compra única con actualizaciones de por vida: Un framework a 249 $ (precio de lanzamiento temporal — 100 $ de descuento sobre el precio habitual de 349 $) o Todos los frameworks (Next.js, iOS, Android) a 499 $ (precio de lanzamiento temporal — 100 $ de descuento sobre el precio habitual de 599 $), más 75 $ por plaza de desarrollador adicional. Sin suscripción al kit. El pago en este sitio entrega tu clave de licencia por correo, con acceso al repositorio por invitación de GitHub.

¿Cómo delimitan los espacios de trabajo mis datos?

Los registros del usuario se delimitan por workspaceId. Identidad, permisos, uso de IA, eventos de facturación y entradas de auditoría permanecen dentro del límite del espacio personal.

¿Cómo funcionan los jobs en segundo plano?

Trigger.dev es el runtime de jobs explícito. El contrato JobRunner solo promete enqueue, status y cancel — la semántica de workflow sigue siendo específica y explícita de Trigger.dev.

¿En qué se diferencia el email de la divulgación?

El email transaccional cubre flujos de producto como avisos de finalización de tareas. La divulgación en frío y las campañas pertenecen al producto, fuera del módulo de email de este kit.

¿Cómo funcionan las compras móviles?

La app móvil incluye compras nativas y restauración con RevenueCat, con acceso verificado por tu servidor. Configura las cuentas de las tiendas y completa las pruebas en dispositivos antes de publicar. La facturación web es independiente.

¿Dónde residen las claves de los proveedores de IA?

Las credenciales BYOK están cifradas y permanecen en el servidor. Las claves se saneen en los logs; el uso y los presupuestos siguen visibles a nivel de espacio de trabajo.

¿Qué métodos de pago acepta el checkout?

El checkout alojado en Stripe acepta tarjetas y, una vez activadas las billeteras en la cuenta de Stripe, también puede ofrecer Alipay y WeChat Pay — muy útil para compradores en China. Las autorizaciones de billetera se confirman de forma asíncrona, por lo que la página de la licencia se actualiza en cuanto se liquida el pago.

¿Puedo obtener un reembolso?

Una vez que tienes acceso al repositorio, supastack es tuyo para siempre, por lo que no se puede reembolsar. Pero no te preocupes: obtienes el código fuente completo con actualizaciones de por vida para crear y lanzar productos ilimitados para ti o tus clientes. Solo no puedes revender el código ni redistribuir el repositorio como plantilla o starter kit.

ES
Tema