TypeScript · Next.js

Envie um e-mail a partir de uma Server Action do App Router do Next.js com @messagebird/sdk. Você precisa de uma chave API Bird: crie uma em Developers > Chaves API (Envie seu primeiro e-mail mostra como) e adicione-a em .env.local como BIRD_API_KEY.

1. Instale

Exemplo de código

npx create-next-app@latest my-app --yes --ts --eslint --no-tailwind --app --no-src-dir --use-npm --disable-git
cd my-app
npm install @messagebird/sdk

2. Envie

Crie app/actions/send-welcome.ts. A diretiva "use server" mantém o arquivo (e sua chave API) no servidor:

Exemplo de código

"use server";

import { BirdClient } from "@messagebird/sdk";

const bird = new BirdClient({ apiKey: process.env.BIRD_API_KEY! });

export async function sendWelcome() {
  const msg = await bird.email.send({
    from: "onboarding@messagebird.dev",
    to: ["delivered@messagebird.dev"],
    subject: "Hello from Bird",
    html: "<p>My first Bird email.</p>",
  });

  console.log(msg.id, msg.status); // "em_…", "accepted"
  return { id: msg.id, status: msg.status };
}

onboarding@messagebird.dev é o remetente compartilhado de onboarding do Bird e delivered@messagebird.dev é um destinatário sandbox que sempre entrega: não é necessário verificar domínio. O SDK infere a região a partir do prefixo bk_us1_ / bk_eu1_ da sua chave (sem URL base para configurar) e gera automaticamente um Idempotency-Key por chamada, então reenvios são seguros.

3. Teste

Conecte a action a um formulário em app/page.tsx e clique no botão:

Exemplo de código

import { sendWelcome } from "./actions/send-welcome";

export default function Home() {
  return (
    <form action={sendWelcome}>
      <button type="submit">Send email</button>
    </form>
  );
}

Execute npm run dev, abra http://localhost:3000 e envie. Bird aceita o e-mail com um 202 e o entrega de forma assíncrona; o terminal que executa o servidor de desenvolvimento registra o ID em_ e o status:

Exemplo de código

em_01ky7ma8y2es1s2akzk53tmjn0 accepted

Próximos passos

E-mail TypeScript SDK: a superfície completa de e-mail (send, get, list) e o modelo de erros.
Envie seu primeiro e-mail: como criar uma chave API e o conjunto completo de endereços sandbox.
Domínios de envio: verifique seu próprio domínio para envio em produção.
Referência de e-mail API: o esquema completo de requisição e resposta.

Recursos relacionados

Continue com a documentação, guias e exemplos sobre este tópico. Os recursos estão em inglês.

Assista ao guiaGetting started with email Entenda o conceitoShould I use a Bird SDK or call the API directly?Explore a funcionalidadeEmail Siga o percurso de aprendizagemBuild your first integration

Experimente na prática e obtenha um resumo de implementação