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
templateKeysobre 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.