Next.js + React Email

Transactional emails for Next.js

Production-ready email templates designed for the Next.js ecosystem. API routes, server actions, and provider integrations included.

One-time payment
Lifetime access
30-day refund

Templates by category

Every transactional email a Next.js app sends, ready to customize

Authentication

  • Password reset
  • Magic link
  • Email verification
  • Two-factor auth

Billing

  • Invoice receipt
  • Payment failed
  • Plan changed
  • Refund processed

Onboarding

  • Welcome email
  • Getting started
  • Feature intro
  • Profile complete

Lifecycle

  • Trial ending
  • Usage milestone
  • Re-engagement
  • Account update

Quick integration

Send emails from a Next.js API route in under 10 lines

Next.js API Route + Resend

// app/api/send/route.ts
import { Resend } from 'resend'
import { WelcomeEmail } from '@/emails/welcome'

const resend = new Resend(process.env.RESEND_API_KEY)

export async function POST(req: Request) {
  const { email, name } = await req.json()

  const { data, error } = await resend.emails.send({
    from: 'App <hello@yourapp.com>'       ,
    to: email,
    subject: 'Welcome to the team',
    react: WelcomeEmail({ name })
  })

  return Response.json({ data, error })
}

Also works with Server Actions. Call the same send logic from a form submission, webhook handler, or background job. Templates render to HTML anywhere Node.js runs.

Tested across every major client

GmailGmail
OutlookOutlook
Apple MailApple Mail
YahooYahoo

Built for Next.js developers

The developer experience you expect from the Next.js ecosystem

TypeScript props

Typed interfaces for every template. Full IntelliSense in your IDE.

Component system

Reusable headers, footers, and layout blocks. Build new templates in minutes.

API route ready

Drop-in examples for Next.js API routes with Resend, Postmark, and SendGrid.

Dark mode

Every template adapts to light and dark mode in supporting email clients.

Security patterns

Token expiry messaging, security disclaimers, and fallback links built in.

Cross-client tested

Verified in Gmail, Outlook, Apple Mail, Yahoo Mail, and Samsung Mail.

Frequently asked questions

How do I send emails from a Next.js app?

Create an API route or server action that imports your React Email template and sends it through a provider like Resend, Postmark, or SendGrid. The template renders to HTML automatically.

Do these work with the Next.js App Router?

Yes. Templates are standard React components that work with both App Router and Pages Router. Send from server components, API routes, or server actions.

What email providers are supported?

Any provider that accepts HTML. Templates include drop-in examples for Resend, Postmark, SendGrid, and AWS SES. They also work with any SMTP server.

Can I preview emails during development?

Yes. React Email includes a dev server that renders templates in the browser. Preview changes instantly without sending test emails.

Are the templates responsive?

All templates use email-safe responsive patterns with fluid widths and mobile-optimized layouts. Tested at 320px through 1200px viewport widths.

Every email your Next.js app needs, in one bundle

Auth, billing, onboarding, lifecycle: 100+ TypeScript templates that work with any email provider. Buy once, own it forever.

$19.95$9.95one-time
30-day money-back guarantee