Transactional emails for Next.js
Production-ready email templates designed for the Next.js ecosystem. API routes, server actions, and provider integrations included.
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
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.