Lo que vas a construir

Un sistema de envio de emails automaticos que notifica a tus usuarios cuando se registran, realizan una compra o cualquier evento importante en tu aplicacion. Usaras Resend (o SendGrid) para enviar emails HTML personalizados con tu marca, incluyendo plantillas creadas con React Email que puedes previsualizar antes de enviar. Al terminar, tendras funciones reutilizables para enviar diferentes tipos de emails transaccionales desde cualquier parte de tu backend.

Servicios recomendados

Servicio	Gratis	Ideal para
Resend	3000/mes	Developers
SendGrid	100/día	Enterprise
Postmark	100/mes	Transaccional

Setup Resend

pnpm add resend

Código

import { Resend } from 'resend'

const resend = new Resend(process.env.RESEND_API_KEY)

export async function sendWelcomeEmail(to: string, name: string) {
  await resend.emails.send({
    from: 'Tu App <noreply@tudominio.com>',
    to,
    subject: 'Bienvenido!',
    html: `
      <h1>Hola ${name}!</h1>
      <p>Gracias por registrarte.</p>
    `
  })
}

Con React Email

import { render } from '@react-email/render'
import WelcomeEmail from './emails/Welcome'

const html = render(<WelcomeEmail name={name} />)
await resend.emails.send({ ..., html })

Próximo paso

→ Deploy con Docker

Emails Transaccionales