TypeScript · Next.js

Invia un'email da una Server Action di Next.js App Router con @messagebird/sdk. Ti serve una chiave API di Bird: creane una in Developers > Chiavi API (Invia la tua prima email spiega come fare), poi inseriscila in .env.local come BIRD_API_KEY.

1. Installazione

Esempio di codice

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

Crea app/actions/send-welcome.ts. La direttiva "use server" mantiene il file (e la tua chiave API) sul server:

Esempio di codice

"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 è il mittente condiviso di onboarding di Bird e delivered@messagebird.dev è un destinatario sandbox che recapita sempre: non serve verifica del dominio. L'SDK deduce la regione dal prefisso bk_us1_ / bk_eu1_ della tua chiave (nessun base URL da configurare) e genera automaticamente un Idempotency-Key per ogni chiamata, quindi i tentativi ripetuti di invio sono sicuri.

3. Prova

Collega l'action a un form in app/page.tsx e clicca il pulsante:

Esempio di codice

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

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

Esegui npm run dev, apri http://localhost:3000 e invia. Bird accetta l'email con un 202 e la recapita in modo asincrono; il terminale in cui gira il dev server mostra l'ID em_ e lo stato:

Esempio di codice

em_01ky7ma8y2es1s2akzk53tmjn0 accepted

Prossimi passi

Email TypeScript SDK: l'intera superficie email (send, get, list) e il modello di errore.
Invia la tua prima email: creazione di una chiave API e l'elenco completo degli indirizzi sandbox.
Domini di invio: verifica il tuo dominio per l'invio in produzione.
Riferimento email API: lo schema completo di richiesta e risposta.

Risorse correlate

Prosegui con la documentazione, le guide e gli esempi per questo argomento. Le risorse sono in inglese.

Guarda la guidaGetting started with email Comprendi il concettoShould I use a Bird SDK or call the API directly?Esplora la funzionalitàEmail Segui il percorso di apprendimentoBuild your first integration

Prova l'esercitazione e ottieni un brief di implementazione