email-best-practices

oleh resend

Gunakan saat membangun fitur email, email masuk ke spam, tingkat bouncing tinggi, menyiapkan autentikasi SPF/DKIM/DMARC, menerapkan penangkapan email, memastikan…

npx skills add https://github.com/resend/resend-skills --skill email-best-practices

Email Best Practices

Guidance for building deliverable, compliant, user-friendly emails.

Architecture Overview

[User] → [Email Form] → [Validation] → [Double Opt-In]
                                              ↓
                                    [Consent Recorded]
                                              ↓
[Suppression Check] ←──────────────[Ready to Send]
        ↓
[Idempotent Send + Retry] ──────→ [Email API]
                                       ↓
                              [Webhook Events]
                                       ↓
              ┌────────┬────────┬─────────────┐
              ↓        ↓        ↓             ↓
         Delivered  Bounced  Complained  Opened/Clicked
                       ↓        ↓
              [Suppression List Updated]
                       ↓
              [List Hygiene Jobs]

Quick Reference

Need to...See
Set up SPF/DKIM/DMARC, fix spam issuesDeliverability
Build password reset, OTP, confirmationsTransactional Emails
Plan which emails your app needsTransactional Email Catalog
Build newsletter signup, validate emailsEmail Capture
Send newsletters, promotionsMarketing Emails
Ensure CAN-SPAM/GDPR/CASL complianceCompliance
Decide transactional vs marketingEmail Types
Handle retries, idempotency, errorsSending Reliability
Process delivery events, set up webhooksWebhooks & Events
Manage bounces, complaints, suppressionList Management
Make emails accessible (screen readers, alt text, contrast)Accessibility

Start Here

New app? Start with the Catalog to plan which emails your app needs (password reset, verification, etc.), then set up Deliverability (DNS authentication) before sending your first email.

Spam issues? Check Deliverability first—authentication problems are the most common cause. Gmail/Yahoo reject unauthenticated emails.

Marketing emails? Follow this path: Email Capture (collect consent) → Compliance (legal requirements) → Marketing Emails (best practices).

Production-ready sending? Add reliability: Sending Reliability (retry + idempotency) → Webhooks & Events (track delivery) → List Management (handle bounces).

Accessibility? Most emails fail basic accessibility checks. See Accessibility for lang/dir, presentational tables, headings, alt text, <title>, and contrast.

Lebih banyak skill dari resend

design-audit
resend
Audit dasbor Resend untuk keselarasan sistem desain. Rute di sini saat pengguna mengatakan "audit desain", "keselarasan desain", "audit desain dasbor", bertanya tentang…
official
marketing-pages
resend
Gunakan saat membuat, memperbarui, mengedit, atau menghapus halaman pemasaran/publik di basis kode Resend. Mencakup struktur halaman, aturan penggunaan ulang komponen, dan…
official
send-email
resend
Pengiriman email transaksional dan massal melalui API Resend dengan endpoint tunggal atau batch. Pilih endpoint tunggal untuk email individual dengan lampiran atau penjadwalan; gunakan endpoint batch untuk 2–100 email berbeda dalam satu permintaan untuk mengurangi panggilan API. Terapkan kunci idempotensi (format <event-type>/<entity-id>) untuk mencegah pengiriman duplikat saat percobaan ulang, dengan kedaluwarsa 24 jam. Coba ulang hanya respons 429 (batas kecepatan) dan 500 (kesalahan server) menggunakan backoff eksponensial; perbaiki kesalahan validasi 400/422 tanpa...
official
templates
resend
Gunakan saat membuat, memperbarui, menerbitkan, menghapus, atau mendaftar template email Resend melalui API, atau saat mendefinisikan variabel template, memahami draf vs…
official
design-audit
resend
Audit dasbor Resend untuk keselarasan sistem desain. Rute di sini ketika pengguna mengatakan "audit design", "design alignment", "dashboard design audit", bertanya tentang…
official
marketing-pages
resend
Gunakan saat membuat, memperbarui, mengedit, atau menghapus halaman marketing/publik dalam basis kode Resend. Mencakup struktur halaman, aturan penggunaan ulang komponen, dan…
official
resend-design-skills
resend
Gunakan saat membutuhkan sumber daya desain Resend. Mengarahkan ke pedoman merek, identitas visual, komponen UI, token desain, dan pola halaman pemasaran.
official
resend-design-system
resend
Gunakan saat membangun atau memodifikasi UI di basis kode Resend. Menyediakan API komponen, opsi varian, token desain, pola komposisi untuk semua src/ui/…
official