Next.js + React Email

Arma el cuerpo del correo con componentes React (react-email), renderiza a HTML y envía con Publiq.

Instala @react-email/components y @react-email/render, crea el componente y renderízalo en el servidor:

import { render } from '@react-email/render';
import { WelcomeEmail } from '@/emails/welcome';
import { Publiq } from 'publiq';

const publiq = new Publiq(process.env.PUBLIQ_API_KEY);

const html = await render(<WelcomeEmail name="Ana" />);

await publiq.emails.send({
  from: 'you@yourdomain.com',
  to: 'user@example.com',
  subject: 'Welcome to Acme',
  html,
});

O salta React: crea la plantilla en el builder con IA del panel y envíala por templateKey.

Buenas prácticas

  • Llama a Publiq siempre desde el servidor — nunca expongas la API key en el cliente.
  • Crea la instancia del cliente una vez y reutilízala entre peticiones.
  • Prefiere templateKey sobre HTML inline para mantener el contenido versionado.
  • Maneja PubliqError (status/code); el SDK ya reintenta errores transitorios con backoff.
  • Envía desde un dominio verificado — ver Dominios.

Ver también

Next.js + React Email — Publiq Docs