email-best-practices

tarafından resend

E-posta özellikleri oluştururken, e-postaların spam'e düşmesi, yüksek geri dönüş oranları, SPF/DKIM/DMARC kimlik doğrulaması kurarken, e-posta yakalama uygularken, sağlamak için kullanılır…

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.

resend tarafından daha fazla skill

design-audit
resend
Resend panosunu tasarım sistemi uyumu açısından denetle. Kullanıcı "tasarım denetimi", "tasarım uyumu", "pano tasarım denetimi" dediğinde veya... hakkında soru sorduğunda buraya yönlendir.
official
marketing-pages
resend
Resend kod tabanında pazarlama/genel sayfalar oluştururken, güncellerken, düzenlerken veya silerken kullanılır. Sayfa yapısı, bileşen yeniden kullanım kuralları ve…
official
send-email
resend
Resend API üzerinden tekli veya toplu uç noktaları ile işlemsel ve toplu e-posta gönderimi. Ekler veya zamanlama ile bireysel e-postalar için tekli uç noktayı seçin; API çağrılarını azaltmak için tek bir istekte 2–100 farklı e-posta göndermek üzere toplu uç noktayı kullanın. Tekrarlanan gönderimleri önlemek için 24 saat süreyle geçerli, <olay-türü>/<varlık-id> biçiminde idempotentlik anahtarları uygulayın. Yalnızca 429 (hız sınırı) ve 500 (sunucu hatası) yanıtlarını üstel geri çekilme ile yeniden deneyin; 400/422
official
templates
resend
Resend e-posta şablonlarını API üzerinden oluştururken, güncellerken, yayımlarken, silerken veya listelerken ya da şablon değişkenlerini tanımlarken, taslak ile… arasındaki farkı anlamak için kullanılır.
official
design-audit
resend
Resend panosunu tasarım sistemi uyumu açısından denetleyin. Kullanıcı "tasarım denetimi", "tasarım uyumu", "pano tasarım denetimi" dediğinde veya şunları sorduğunda buraya yönlendirilir…
official
marketing-pages
resend
Resend kod tabanında pazarlama/genel sayfalar oluştururken, güncellerken, düzenlerken veya silerken kullanın. Sayfa yapısını, bileşen yeniden kullanım kurallarını ve… kapsar.
official
resend-design-skills
resend
Resend tasarım kaynaklarına ihtiyaç duyulduğunda kullanılır. Marka yönergelerine, görsel kimliğe, UI bileşenlerine, tasarım token'larına ve pazarlama sayfası desenlerine yönlendirir.
official
resend-design-system
resend
Resend kod tabanında UI oluştururken veya değiştirirken kullanılır. Tüm src/ui/… için bileşen API'leri, varyant seçenekleri, tasarım tokenları ve kompozisyon desenleri sağlar.
official