---
title: "Integrasi Resend di Helipod: Kirim Email Transactional dari Dashboard"
url: "https://helipod.io/blog/integrasi-resend-email-transactional"
date: "2026-06-17"
updated: "2026-06-17"
author: "Tim Helipod"
tags: ["resend", "email-api", "transactional-email", "email-service", "helipod"]
excerpt: "Cara setup Resend untuk kirim email transactional di Helipod. Email API gratis, template email, dan monitoring delivery, semuanya dari satu tempat."
---

# 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](https://resend.com), 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

| Masalah | Solusi Resend |
|---------|---------------|
| Setup SMTP ribet | API-based, tinggal kirim |
| Email masuk spam | Infrastructure deliverability tinggi |
| Template email hardcode | Dashboard untuk manage template |
| Ga ada monitoring | Analytics delivery, open rate, bounce |
| Mahal | Free tier 100 email/hari |

### 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](https://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: noreply@helipod.io                │
│ To: user@example.com                    │
│ 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

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

# Kirim dengan template
POST /emails
{
  "template_id": "template-xxx",
  "to": ["user@example.com"]
}
```

### 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

```javascript
// Kirim welcome email setelah user daftar
await resend.emails.send({
  from: 'noreply@helipod.io',
  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

```javascript
// Kirim password reset email
await resend.emails.send({
  from: 'noreply@helipod.io',
  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

```javascript
// Kirim invoice setelah pembayaran
await resend.emails.send({
  from: 'billing@helipod.io',
  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

```bash
# 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

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

### 4. Rate Limiting

```javascript
// 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 [support@helipod.io](mailto:support@helipod.io)*

*Baca juga: [Integrasi Neon Database di Helipod](/blog/neon-integration)*