%/email-for-growth-teams providers ↗
← all frameworks
framework · nextjs

How to Send Emails in Next.js (2026)

Server actions and route handlers are the natural send points. Edge-runtime support varies by provider SDK.

Next.js apps span Vercel Edge, Vercel Node, Cloudflare Workers, and self-hosted Node. The right SDK depends on which runtime owns the send.

updated 2026-08-17

The Next.js guidance was refreshed for server-only credentials, route handlers, background work, and duplicate-send protection.

patterns

Send patterns

  • Server actions for form-driven sends.
  • Route handlers for webhooks and reusable send endpoints.
  • React Email co-located with the send action.
  • Idempotency keys derived from a stable form-submission ID.
pitfalls

Common mistakes

  • Sending from client components leaks API keys.
  • Edge-runtime incompatible SDKs fall back to Node functions silently.
  • Long-running send loops in route handlers hit serverless timeouts.
  • React Server Component env exposure if env vars are not server-only.

provider picks for Next.js

  1. 01

    Resend

    Transactional

    Best React Email integration; first-party Next.js examples.

    3,000/mo permanent, capped at 100/day, one domain · $20/mo for 50,000 emails
  2. 02

    Postmark

    Transactional

    Stable SDK across runtimes; full webhook helpers.

    100/mo developer plan · $15/mo for 10,000 emails
  3. 03

    Loops

    Marketing Transactional

    Unified transactional and lifecycle from one client.

    1,000 contacts and 4,000 sends/mo on the Free plan · $49/mo for 5,000 contacts
  4. 04

    MailerSend

    Transactional

    Modern API, edge-runtime friendly.

    500/mo permanent · $7/mo for 5,000 emails
Want a language-level SDK comparison instead? See the SDK hub.

reading this as growth and lifecycle teams

Growth work lives or dies on targeting and measurement. What matters is whether behavioral triggers can be built without engineering time, whether the event stream supports attribution past the open, and whether deliverability holds when broadcast volume shares a reputation with product email.

Applied to how to send emails in next.js (2026), that means weighing scheduling, event stream, deliverability, and operating track record ahead of the rest, against behavior-triggered journeys, broadcasts, and winback campaigns measured on revenue.