Integrasi Resend di Helipod: Kirim Email Transactional dari Dashboard

Setiap aplikasi butuh kirim email — welcome email, password reset, invoice, notification. Tapi setup email server sendiri itu ribet: manage SMTP, handle bounce, cek spam score.

Sekarang ada cara yang lebih mudah.

Helipod sekarang terintegrasi dengan Resend — platform email transactional yang simple, cepat, dan punya free tier yang generous. Dengan integrasi ini, kamu bisa kirim email langsung dari dashboard Helipod tanpa setup SMTP.

Kenapa Resend?

Masalah Email Transactional

Keunggulan Resend

• API-first — Tinggal kirim HTTP request, ga perlu setup SMTP
• Deliverability tinggi — Infrastructure yang dirancang untuk inbox
• Template management — Simpan dan gunakan email template
• Analytics — Monitor delivery, open rate, click rate
• Free tier — 100 email/hari, cocok untuk start

Cara Integrasi Resend ke Helipod

Langkah 1: Buat Akun Resend

1. Buka resend.com
2. Daftar akun gratis
3. Buka API Keys dan buat API key baru
4. Catat API key-nya

Langkah 2: Connect ke Helipod

1. Buka project Helipod
2. Masuk ke Settings → Integrations
3. Cari Resend dan klik Connect
4. Paste API key yang tadi

Langkah 3: Setup Domain (Opsional)

Untuk email production, kamu perlu setup domain sendiri:

1. Buka Resend Dashboard → Domains
2. Tambahkan domain kamu
3. Tambahkan DNS records yang diberikan
4. Tunggu verifikasi (biasanya 5-15 menit)

Tips: Kalau cuma untuk testing, kamu bisa pakai domain default Resend.

Langkah 4: Kirim Email Pertama

Buka Email Playground di Helipod:

1. Masuk ke Project → Email
2. Isi From, To, Subject, dan HTML Body
3. Klik Send

Email akan terkirim dalam hitungan detik!

Fitur Unggulan

Email Playground

┌─────────────────────────────────────────┐
│ From: [email protected]                │
│ To: [email protected]                    │
│ Subject: Welcome to Helipod!            │
├─────────────────────────────────────────┤
│ HTML Body:                              │
│ <h1>Selamat datang!</h1>                │
│ <p>Akun kamu sudah aktif.</p>           │
├─────────────────────────────────────────┤
│ [Send]  [Save as Template]              │
└─────────────────────────────────────────┘

• Live preview — Lihat email sebelum dikirim
• HTML editor — Tulis email dengan HTML
• Save template — Simpan untuk dipakai lagi

Email Templates

# Simpan template
POST /templates
{
  "name": "welcome-email",
  "html": "<h1>Selamat datang!</h1>"
}

# Kirim dengan template
POST /emails
{
  "template_id": "template-xxx",
  "to": ["[email protected]"]
}

Monitoring Dashboard

Di Helipod, kamu bisa lihat:

• Email history — Semua email yang sudah dikirim
• Delivery status — Sent, delivered, opened, bounced
• Analytics — Open rate, click rate, bounce rate

Use Cases

1. Welcome Email

// Kirim welcome email setelah user daftar
await resend.emails.send({
  from: '[email protected]',
  to: user.email,
  subject: 'Selamat datang di Helipod!',
  html: `
    <h1>Halo ${user.name}!</h1>
    <p>Akun kamu sudah aktif.</p>
    <a href="https://helipod.io/dashboard">Mulai sekarang</a>
  `
});

2. Password Reset

// Kirim password reset email
await resend.emails.send({
  from: '[email protected]',
  to: user.email,
  subject: 'Reset Password',
  html: `
    <h1>Reset Password</h1>
    <p>Klik link di bawah untuk reset password:</p>
    <a href="https://helipod.io/reset?token=${token}">
      Reset Password
    </a>
    <p>Link ini expired dalam 1 jam.</p>
  `
});

3. Invoice Email

// Kirim invoice setelah pembayaran
await resend.emails.send({
  from: '[email protected]',
  to: user.email,
  subject: `Invoice #${invoice.id}`,
  html: `
    <h1>Invoice</h1>
    <p>Terima kasih atas pembayaran kamu.</p>
    <table>
      <tr><td>Service</td><td>${invoice.service}</td></tr>
      <tr><td>Amount</td><td>${invoice.amount}</td></tr>
    </table>
  `
});

Best Practices

1. Gunakan Template

# Simpan template untuk email yang sering dikirim
- welcome-email
- password-reset
- invoice
- notification

2. Monitor Deliverability

Di Helipod Dashboard:
- Email sent: 1,234
- Delivered: 1,220 (98.9%)
- Opened: 890 (72.3%)
- Bounced: 14 (1.1%)

3. Handle Bounce

// Jangan kirim ke email yang bounce
if (email.status === 'bounced') {
  await markEmailInvalid(email.to);
}

4. Rate Limiting

// Jangan kirim terlalu banyak sekaligus
const BATCH_SIZE = 10;
for (let i = 0; i < emails.length; i += BATCH_SIZE) {
  await sendBatch(emails.slice(i, i + BATCH_SIZE));
  await sleep(1000); // Tunggu 1 detik
}

FAQ

Berapa biaya Resend?

Resend punya free tier yang generous: 100 email/hari gratis. Untuk kebutuhan lebih besar, plan berbayar mulai $20/bulan untuk 50,000 email.

Apakah email masuk spam?

Resend punya infrastructure yang dirancang untuk deliverability tinggi. Dengan setup domain yang benar, email kamu akan masuk inbox, bukan spam.

Bisakah saya pakai domain sendiri?

Ya! Kamu bisa verifikasi domain sendiri di Resend. Ini recommended untuk production agar email terlihat lebih professional.

Bagaimana cara cek email yang terkirim?

Di Helipod, buka Project → Email → History untuk melihat semua email yang sudah dikirim beserta statusnya.

Checklist Setup

• Buat akun Resend
• Buat API key
• Connect Resend ke Helipod
• Setup domain (untuk production)
• Test kirim email
• Buat email template
• Monitor deliverability

Kesimpulan

Email transactional bukan lagi masalah besar dengan Resend + Helipod. Kamu bisa:

• ✅ Kirim email dari dashboard
• ✅ Manage email template
• ✅ Monitor delivery dan analytics
• ✅ Gratis untuk mulai (100 email/hari)

Butuh bantuan setup? Hubungi [email protected]

Baca juga: Integrasi Neon Database di Helipod