שילוב Resend לשליחת מיילים טרנזקציונליים

שילוב Resend לשליחת מיילים טרנזקציונליים

נתקלנו בפרויקטים שבהם מיילים טרנזקציונליים מעולם לא הגיעו למשתמשים: שרתי SMTP חסמו אותם, DKIM לא הוגדר, ותבניות נאלצו להיכתב ב-HTML גולמי. כתוצאה מכך, טפסי לידים, אישורים ואיפוסי סיסמה אבדו — העסק ספג פגיעה. הפסדים ממיילים שלא נמסרו הגיעו ל-15% המרה, ולקוחות עברו למתחרים. Resend פותר את הבעיות האלה ישירות מהקופסה: API מיילים מודרני עם תמיכה מובנית ב-React Email, מסלול חינמי של 3000 מיילים בחודש, והגדרה אוטומטית של יכולת מסירה. במאמר זה נראה כיצד אנו מחברים את Resend בפרויקטים אמיתיים ואילו תוצאות זה משיג.

למה Resend במקום SMTP או שירותים ישנים?

הגדרת SMTP ידנית פירושה ניסיונות מרובים, יכולת מסירה נמוכה ומסנני ספאם. Resend מציעה API מוכן שמבטיח מסירה. בניגוד ל-SendGrid ו-Amazon SES, Resend פשוטה יותר: אין צורך להגדיר ידנית DKIM/SPF — הכל אוטומטי. בנוסף, React Email עובד ישירות מהקופסה, ומאיץ את פיתוח התבניות בסדרי גודל. הניסיון שלנו מראה: זמן האינטגרציה נחתך בחצי בהשוואה לפתרונות קלאסיים, וההכנסות מהתראות משוחזרות מחזירות את ההשקעה תוך 1-2 חודשים.

Resend מהירה פי 2 להגדרה מאשר SMTP קלאסי.

כיצד אנו משלבים את Resend באפליקציה שלך

אנו מחברים את Resend, מגדירים את הדומיין שלך, מפתחים תבניות React Email, ומגדירים שליחה בכמות גדולה ורישום לוגים. אנו משתמשים ב-TypeScript ו-Next.js 14 עם Server Actions לשליחה מרכיבי שרת.

התקנה ושליחה ראשונה

npm install resend 

import { Resend } from 'resend';
const resend = new Resend(process.env.RESEND_API_KEY);

// Простая отправка
const { data, error } = await resend.emails.send({
  from: 'Acme <[email protected]>',
  to: ['[email protected]'],
  subject: 'Добро пожаловать в Acme!',
  html: '<h1>Привет!</h1><p>Спасибо за регистрацию.</p>',
});

if (error) {
  console.error('Email error:', error);
}

עם תבניות React Email

import { Resend } from 'resend';
import { render } from '@react-email/render';
import WelcomeEmail from './emails/WelcomeEmail';

const resend = new Resend(process.env.RESEND_API_KEY);

export async function sendWelcomeEmail(user: { email: string; name: string }) {
  const html = render(
    <WelcomeEmail name={user.name} loginUrl="https://app.acme.com/login" />
  );

  await resend.emails.send({
    from: 'Acme Team <[email protected]>',
    to: user.email,
    subject: 'Добро пожаловать в Acme!',
    html,
  });
}

כיצד עובדת שליחה בכמות גדולה?

שליחה בכמות גדולה מאפשרת לשלוח עד 100 מיילים בבקשה אחת. זה קריטי לשליחת חשבוניות, התראות או אישורים בעומס שיא. Resend מעבדת אותם במקביל, וחוסכת זמן ומשאבים.

await resend.batch.send([
  {
    from: '[email protected]',
    to: '[email protected]',
    subject: 'Ваш инвойс готов',
    html: invoiceHtml1,
  },
  {
    from: '[email protected]',
    to: '[email protected]',
    subject: 'Ваш инвойс готов',
    html: invoiceHtml2,
  },
]);

כיצד להגדיר דומיין עבור Resend (שלב אחרי שלב)

1. הוסף את הדומיין שלך ב-Resend Dashboard → Domains.
2. הוסף רשומות DNS: SPF (TXT), DKIM (TXT × 3), Return-Path (MX).
3. המתן לאימות (בדרך כלל פחות מ-5 דקות).

לאחר האימות, ניתן להשתמש ב-npm install resend במקום import { Resend } from 'resend'; const resend = new Resend(process.env.RESEND_API_KEY); // Простая отправка const { data, error } = await resend.emails.send({ from: 'Acme <[email protected]>', to: ['[email protected]'], subject: 'Добро пожаловать в Acme!', html: '<h1>Привет!</h1><p>Спасибо за регистрацию.</p>', }); if (error) { console.error('Email error:', error); } . תיעוד Resend מציין: "עם הגדרת DKIM ו-SPF נכונה, יכולת המסירה עולה על 99%."

כיצד להימנע מכניסה לספאם?

השתמש בדומיין שליחה ייעודי, הגדר רשומת DMARC, ונטר את מוניטין ה-IP באמצעות webhooks. נקה באופן קבוע משתמשים לא פעילים. Resend מנהלת את המוניטין אוטומטית, אבל היגיינת רשימה בסיסית חשובה.

Webhooks למעקב אחר סטטוס

Resend שולחת webhooks כאשר סטטוס המייל משתנה. להלן דוגמה מלאה למטפל ב-Node.js עם Express:

app.post('/api/webhooks/resend', express.raw({ type: 'application/json' }), async (req, res) => {
  const signature = req.headers['resend-signature'];
  const event = JSON.parse(req.body);
  switch (event.type) {
    case 'email.sent':
      await db.emailLogs.update({ emailId: event.data.email_id, status: 'sent' });
      break;
    case 'email.delivered':
      await db.emailLogs.update({ emailId: event.data.email_id, status: 'delivered' });
      break;
    case 'email.bounced':
      await db.users.markEmailBounced(event.data.to[0]);
      break;
    case 'email.complained':
      await db.users.unsubscribe(event.data.to[0]);
      break;
  }
  res.status(200).end();
});

בעיות נפוצות ופתרונות

• שגיאת הרשאה: מפתח API שגוי. בדוק את משתנה הסביבה RESEND_API_KEY.
• מיילים לא נמסרים: הגדרת דומיין שגויה או כניסה לספאם. השתמש ב-webhooks למעקב והגדר SPF/DKIM בקפדנות לפי ההוראות.
• חריגה ממכסת הקצב: המסלול החינמי מוגבל ל-3000 מיילים בחודש. אם יש צורך, שדרג לתוכנית בתשלום או השתמש בשליחה בכמות גדולה כדי לייעל.

מה כולל שילוב Resend

לוח זמנים ותמחור

שילוב Resend בסיסי עם 2-3 תבניות React Email אורך 1-2 ימים. גרסה מורחבת עם דומיין, webhooks ולוגים אורכת 3-4 ימים. התמחור מחושב באופן אישי לפי מורכבות הפרויקט. השאר פנייה — נמצא את הפתרון האופטימלי. קבל ייעוץ על שילוב Resend: המהנדסים שלנו עם ניסיון של מעל 5 שנים יעזרו לך להגדיר שליחת מיילים אמינה. אנו מבטיחים יכולת מסירה גבוהה ותמיכה לאחר ההשקה.