How to Send Emails in Nuxt (2026)
Nuxt server routes and Nitro handlers are the send points. Most provider SDKs work without modification.
Nitro deploys across Node, Cloudflare, Vercel, and Netlify. SDK runtime compatibility carries over from the underlying target.
Send patterns
- Nitro server routes for transactional sends.
- Nuxt useRuntimeConfig for API key injection.
- Vue email-rendering libraries or framework-agnostic React Email rendered server-side.
Common mistakes
- Calling send from a Vue component leaks credentials.
- Nitro preset mismatch between dev and prod can hide runtime incompatibility.
provider picks for Nuxt
- 01
Postmark
TransactionalReliable across Nitro presets.
100/mo developer plan · $15/mo for 10,000 emails - 02
Mailgun
TransactionalMature SDK with Nitro-compatible build.
100/day permanent free plan · $15/mo for 10,000 emails (Basic) - 03
Resend
TransactionalWorks under Nitro; React Email tooling requires extra setup in Vue projects.
3,000/mo permanent, capped at 100/day, one domain · $20/mo for 50,000 emails
reading this as early-stage startups
At an early stage the deciding factors are what the free tier actually covers, what the first paid invoice looks like, and how much of a founding engineer's week the setup costs. Feature depth that only matters at a million sends a month is noise until it is not.
Applied to how to send emails in nuxt (2026), that means weighing free tier, best published rate per 1,000, entry price, and developer experience ahead of the rest, against a waitlist, a launch announcement, onboarding email, and the first transactional sends.