Next.js + React Email

Monte o corpo do e-mail com componentes React (react-email), renderize para HTML e envie com o Publiq.

Instale @react-email/components e @react-email/render, crie o componente e renderize no 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,
});

Ou pule o React: crie o template no builder com IA do painel e envie por templateKey.

Boas práticas

  • Chame o Publiq sempre do servidor — nunca exponha a API key no cliente.
  • Crie a instância do cliente uma vez e reutilize-a entre requisições.
  • Prefira templateKey a HTML inline para manter o conteúdo versionado.
  • Trate PubliqError (status/code); o SDK já retenta erros temporários com backoff.
  • Envie de um domínio verificado — veja Domínios.

Veja também

Next.js + React Email — Publiq Docs