Resend vs sendgrid vs mailgun email — So sánh transactional email và triển khai Next.js 2026
· Tác giả: Trường — Founder Webchốt
Liên quan: Tham khảo giải pháp web bán hàng chuẩn tốc độ.
Ứng dụng đăng ký đã chạy mượt trên Vercel nhưng hộp thư xác nhận vẫn im lìm vì team chưa chốt ESP. Câu hỏi lặp lại ở mỗi dự án SME: resend vs sendgrid vs mailgun email thì chọn ai cho luồng OTP, biên lai PDF, và thông báo booking — vừa nhanh code, vừa không rơi vào spam, vừa đủ log để kế toán đối soát. Webchốt làm web Next.js hằng tuần và thường ghép Resend ngay trong stack chuẩn (cùng Supabase và TypeScript) nên bài này gom kinh nghiệm thực chiến: API, DNS, webhook, và điểm mạnh yếu khi bạn chỉ cần email giao dịch chứ chưa cần full marketing suite. Không cam kết con số deliverability tuyệt đối vì từng miền và nội dung khác nhau, nhưng có thể giảm sai lầm hay gặp trước khi bật production.
Giao diện phân tích và email giao dịch — chọn ESP đúng giúp ít đơn dở dang | Nguồn: webchot.com
Transactional email là gì và vì sao SME Việt Nam hay nhầm với newsletter
Email giao dịch là thư kích hoạt bởi hành vi người dùng: đăng ký, đặt lịch, thanh toán thành công, đổi mật khẩu. Newsletter đi theo lịch marketing, cần opt-in rõ và tần suất khác hẳn. Khi team cấu hình resend vs sendgrid vs mailgun email mà gom cả hai vào cùng một domain chưa warm-up, inbox có thể hạ điểm uy tín và cả OTP cũng chậm. Thực tế khách hàng Webchốt thường muốn một API gửi được React Email template, Route Handler ký server, và bảng log đơn hàng khớp webhook — đúng phạm vi transactional trước, mở rộng campaign sau.
Tích hợp với Next.js 16 nghĩa là secret key nằm server-side, client không bao giờ thấy khóa API. Luồng phổ biến: form gọi server action hoặc API route, server gọi ESP bằng SDK, nhận id message để tra cứu. Lighthouse và LCP không bị ảnh hưởng vì gửi mail xảy ra sau khi response trả về, trừ khi dev await quá lâu trong cùng request đăng ký — pattern tốt là queue hoặc ít nhất timeout rõ ràng. Studio cũng khuyên tách domain con cho mail ví dụ mail.example.com để phân tách thư mật và thư quảng cáo nếu sau này marketing muốn đẩy volume lớn.
Bảng mặt: trải nghiệm lập trình viên và công cụ vận hành
Resend nổi với trải nghiệm developer-first, doc ngắn gọn, ví dụ copy-paste cho App Router. SendGrid thuộc Twilio, dashboard dày và có nhiều tài liệu legacy; team quen enterprise thường biết nút nào chỉnh suppress. Mailgun gắn danh tiếng API linh hoạt và routing rule mạnh khi cần forward hoặc parse inbound. Khi đội ngũ hỏi resend vs sendgrid vs mailgun email chỉ nhìn landing page, họ dễ bỏ qua phần hỗ trợ inbound — trong khi shop B2B đôi khi cần nhận email reply-to để tạo ticket.
- SDK và type: TypeScript inference tốt giúp ít lỗi field; Mailgun và SendGrid có SDK chính thức lâu đời, Resend bám sát modern stack.
- Template: React Email + Resend quen với frontend team; SendGrid có dynamic template UI; Mailgun linh hoạt HTML raw hoặc handlebars.
- Observability: cả ba cho webhook bounce; SendGrid thống kê chi tiết hơn cho ai quen drill-down, Mailgun có log event dày, Resend đủ cho nhiều MVP nếu log nội bộ được thiết kế sạch.
- Giấy phép và thanh toán: kiểm tra điều khoản sử dụng tại Việt Nam và phương thức thanh toán thẻ; startup nhỏ cần cảnh giác phí chuyển đổi ngoại tệ khi chọn hoá đơn USD.
Bảng so sánh nhanh tiêu chí vận hành (tham khảo kiến trúc SME)
Bảng dưới đây mang tính định hướng: giá công bố thay đổi, deliverability phụ thuộc domain. Mục tiêu là chọn nhà cung cấp khớp giai đoạn dự án trước khi bạn mở rộng marketing blast.
| Tiêu chí | Resend | SendGrid | Mailgun |
|---|---|---|---|
| Độ “ăn khớp” Next.js + React Email | Rất cao, ví dụ ngắn | Trung bình, nhiều path | Cao nếu team quen API thuần |
| Dashboard cho marketing nội bộ | Gọn, đủ transactional | Rất đầy đủ báo cáo | Đầy đủ, hơi kỹ thuật |
| Webhook bounce / complaint | Có, cần verify chữ ký | Có, event đa dạng | Có, log chi tiết |
| Phù hợp khi volume tăng nhanh | Tốt đến mức vừa, rồi đánh giá tier | Quen DN lớn, add-on IP | Mạnh routing và dedicated IP |
Sau khi nhìn bảng, bước tiếp là chứng minh domain và chạy thử 500 thư vào hộp seed Gmail và Outlook công ty. Nếu OTP của bạn rơi vào Promotions, xem lại subject và HTML có quá giống newsletter không chứ không vội đổi ESP.
Quy trình triển khai an toàn trên Next.js từ dev tới production
- Chọn ESP và tạo API key chỉ server: lưu biến môi trường trên Vercel hoặc host tương đương; rotate key khi có nhân sự rời team.
- Xác minh domain và bản ghi DNS: SPF, DKIM, DMARC theo wizard; tránh dùng chung domain chính nếu marketing sắp bắn volume lớn.
- Thiết kế template và fallback text: kiểm tra dark mode, link unsubscribe chỉ áp dụng marketing; transactional vẫn cần địa chỉ vật lý hợp lệ ở footer nếu luật yêu cầu.
- Gắn webhook và idempotency: Route Handler nhận bounce, cập nhật bảng email valid; gửi mail kèm idempotency key nếu ESP hỗ trợ để tránh đôi OTP khi user double submit.
- Giám sát và cảnh báo: dashboard ESP + log nội bộ; nếu tỉ lệ bounce vọt, tạm dừng job bulk trước khi domain chết.
Chuỗi bước này áp dụng cho cả ba nhà; khác biệt chủ yếu nằm ở UI chứng minh domain và format payload webhook. Team Webchốt thường bàn giao checklist DNS cho khách để IT phía doanh nghiệp chỉ cần paste TXT.
Chi phí, gói dịch vụ Webchốt và khi nào cần tư vấn sâu
Giá ESP là phần nhỏ so với chi phí cơ hội khi khách không nhận OTP và bỏ giỏ. Khi so resend vs sendgrid vs mailgun email, hãy cộng thêm bill dev vận hành: mỗi lần domain reputation hỏng là vài ngày làm lại warm-up. Webchốt có thể gói website kèm luồng email giao dịch đã test; xem thẳng catalog dịch vụ web để biết phạm vi bàn giao DNS, template OTP, và log webhook cơ bản. Nếu bạn cần ước lượng budget tổng, mở trang pricing — configurator giúp nhìn nhanh gói Starter, Business hay tuỳ chỉnh Pro.
SME hay bỏ bước dedicated subdomain và để marketing dùng chung miền chính, sau đó hậu quả là cả team support không gửi được mail hệ thống. Khi dự án đã có brand kit, studio đề xuất luôn template Next.js phù hợp ngành để ghép form và mail cùng một design system. Các công cụ nội bộ như tính VAT hay lương có ở hub công cụ miễn phí; riêng email vẫn nên để ESP xử lý deliverability thay vì tự host SMTP trừ khi bạn có chuyên gia mail sys cứng.
Bốn sai lầm phổ biến khiến dự án dù API mạnh vẫn vào spam
Nhiều team chỉ benchmark latency API mà không đọc bounce reason. Dưới đây là lỗi lặp lại trong audit dự án khách hàng Webchốt.
- Gửi từ miền chưa SPF/DKIM đầy đủ: vài ESP cho phép gửi thử trước khi verify hoàn tất; production bật sớm là tự giảm reputation.
- Dùng HTML quá nặng và remote image lạ: inbox coi giống marketing; tối giản transactional, inline logo tin cậy, tránh URL rút gọn khó hiểu.
- Không xử lý webhook suppression: tiếp tục gửi vào địa chỉ hard bounce làm ESP giảm uy tín tài khoản.
- Tách không rõ transactional và campaign: chung list không rule frequency; marketing blast lỗi kéo theo OTP chậm.
FAQ — resend vs sendgrid vs mailgun email
Resend vs sendgrid vs mailgun email — cái nào hợp MVP chỉ cần OTP?
Ưu tiên tốc độ code và tài liệu hiện đại thì Resend thường đủ. SendGrid hợp team đã quen dashboard Twilio hoặc cần báo cáo chi tiết cho bộ phận vận hành. Mailgun hợp khi có routing phức tạp hoặc inbound parse. Quyết định cuối nên có proof gửi thử 200–500 mail seed trước khi mở cho user thật.
Có nên tự host SMTP Postfix thay vì ESP?
Chỉ khi bạn có engineer mail/sysops full-time, warm IP, và chính sách bounce rõ. SME web app gần như luôn rẻ hơn khi trả ESP và tập trung product. Webchốt không khuyên tự host cho khách thiếu monitoring 24/7.
Giữ bao nhiều log email để audit kế toán?
Ít nhất id message, recipient, template, timestamp, trạng thái gửi từ webhook. Tuân thủ retention theo chính sách nội bộ và PDPA; không lưu nội dung nhạy cảm thừa mứa. Export định kỳ về kho lạnh nếu cần đối soát sau sáu tháng.
Thunderbird hay Outlook công ty chặn mail hệ thống — xử lý ra sao?
Kiểm tra header authentication-results; nếu SPF fail do forwarder, cần đổi path gửi hoặc bảo IT whitelist. Đôi khi chỉ cần subject rõ ràng “Mã OTP 123456 — hết hạn 5 phút” và plain-text song song HTML.
Muốn Webchốt rà soát DNS trước khi launch?
Gửi yêu mô-đun staging và bản ghi hiện tại; studio phản hồi checklist trong vòng làm việc. Liên hệ trực tiếp qua hotline hoặc email dưới đây để book slot anh Trường.
Liên Hệ Webchốt
Kết luận ngắn: resend vs sendgrid vs mailgun email không có ông vua tuyệt đối — chỉ có ông phù hợp giai đoạn và đội ngũ của bạn. Dev muốn ship nhanh trên Next.js thường bắt đầu Resend; tổ chức cần báo cáo sâu và legacy integration có thể nghiêng SendGrid; ai ham routing API và inbound parse sẽ xem Mailgun kỹ hơn. Điểm chung là DNS đúng, webhook sống, và tách transactional khỏi blast marketing. Nếu bạn cần người đã làm đi làm lại các bước đó cho domain production, cứ nhắn Webchốt kèm miền và ESP bạn đang cân nhắc — mình sẽ chỉ ra chỗ dễ vỡ trước khi bạn bật tiền thật.
- Hotline / Zalo: 0905 151 701 — gặp anh Trường (founder/dev).
- Chat Zalo: zalo.me/0905151701 — phản hồi nhanh.
- Email: hi@webchot.com — phản hồi <12h làm việc.
- Studio: 262/1/93 Phan Anh, Phường Phú Thạnh, TP.HCM (T2–T7, 9h–18h).
Tham khảo thêm: 17 template Next.js · 10 dịch vụ web chuyên sâu · bảng giá Webchốt 2026 · 12 công cụ kế toán/tài chính miễn phí. Hoặc trang liên hệ nếu bạn muốn gửi form ngay.
Reference: Next.js docs · web.dev Core Web Vitals.
