Sign inGet Started
शुरू करें
गाइड
API Reference
SDKs
CLI
Knowledge Base
Changelog

TypeScript · Next.js

@messagebird/sdk के साथ Next.js App Router Server Action से ईमेल भेजें। आपको एक Bird API कुंजी चाहिए: इसे Developers > API keys में बनाएँ (अपना पहला ईमेल भेजें में इसके चरण दिए गए हैं), फिर इसे .env.local में BIRD_API_KEY के रूप में रखें।

1. इंस्टॉल करें

कोड उदाहरण
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. भेजें

app/actions/send-welcome.ts बनाएँ। "use server" directive इसे (और आपकी API कुंजी को) सर्वर पर ही रखता है:

कोड उदाहरण
"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, Bird का साझा ऑनबोर्डिंग प्रेषक है और delivered@messagebird.dev एक सैंडबॉक्स प्राप्तकर्ता है, जिसे भेजा गया ईमेल हमेशा डिलीवर होता है, इसलिए डोमेन सत्यापन की ज़रूरत नहीं है। SDK आपकी कुंजी के bk_us1_ / bk_eu1_ प्रीफ़िक्स से क्षेत्र तय करता है, इसलिए कोई base URL कॉन्फ़िगर नहीं करना पड़ता। यह हर कॉल के लिए अपने-आप एक Idempotency-Key बनाता है, इसलिए भेजने का फिर से प्रयास करना सुरक्षित है।

3. आज़माएँ

app/page.tsx में action को एक फ़ॉर्म से जोड़ें और बटन पर क्लिक करें:

कोड उदाहरण
import { sendWelcome } from "./actions/send-welcome";

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

npm run dev चलाएँ, http://localhost:3000 खोलें और सबमिट करें। Bird ईमेल को 202 के साथ स्वीकार करता है और उसे एसिंक्रोनस रूप से डिलीवर करता है। dev server चला रहा टर्मिनल em_ ID और स्थिति लॉग करता है:

कोड उदाहरण
em_01ky7ma8y2es1s2akzk53tmjn0 accepted

अगले चरण

संबंधित संसाधन

इस विषय के लिए दस्तावेज़, गाइड और उदाहरणों के साथ आगे बढ़ें।

अभ्यास करें और इम्प्लीमेंटेशन ब्रीफ़ पाएँ