Next.js

​

Prerequisites

To get the most out of this guide, you’ll need to:

• Create an API key
• Verify your domain

​

1. Install

Get the Resend Node.js SDK.

​

2. Create an email template

Start by creating your email template on components/email-template.tsx.

import * as React from 'react';

interface EmailTemplateProps {
  firstName: string;
}

export const EmailTemplate: React.FC<Readonly<EmailTemplateProps>> = ({
  firstName,
}) => (
  <div>
    <h1>Welcome, {firstName}!</h1>
  </div>
);

​

3. Send email using React

Create an API file under pages/api/send.ts if you’re using the Pages Router or create a route file under app/api/send/route.ts if you’re using the App Router.

Import the React email template and send an email using the react parameter.

​

4. Try it yourself