resend / resend-nextjs-pages-router-example

This example shows how to use Resend with Next.js (Pages Router)

Resend with Next.js (Pages Router)

This example shows how to use Resend with Next.js.

Deploy your own

Deploy the example using Vercel:

Instructions

1. Define environment variables in .env file.

cp .env.example .env

2. Install dependencies:

npm install
# or
yarn

3. Run Next.js locally:

npm run dev

4. Open URL in the browser:

http://localhost:3000/api/send

License

MIT License

resend-nextjs-pages-router-example's Issues

What is the best way to send two different emails to two different users?

I am able to send the email to player1 but not player2. I know I can pass an array of strings to 'to' but then both users can see eachothers email. Any ideas? Sorry if it's a stupid question I am very new to nextjs and node

import type { NextApiRequest, NextApiResponse } from "next";
import { EmailTemplate } from "../../components/emails/EmailTemplate";
import { Resend } from "resend";
import { supabase } from "../../../initSupabase";

const resend = new Resend(process.env.NEXT_PUBLIC_RESEND_KEY);

export default async (req: NextApiRequest, res: NextApiResponse) => {
  try {
    const { player1, player2, player1Email, player2Email } = req.body;

    const player1Data = await resend.emails.send({
      from: "Acme <[email protected]>",
      to: [player1Email],
      subject: "Hello player 1",
      react: EmailTemplate({ firstName: player1, secondName: player1Email }),
    });

    const player2Data = await resend.emails.send({
      from: "Acme <[email protected]>",
      to: [player2Email],
      subject: "Hello player 2",
      react: EmailTemplate({ firstName: player2, secondName: player2Email }),
    });

    res.status(200).json({ player1Data, player2Data });
  } catch (error) {
    res.status(400).json(error);
  }
};

Any ideas how to achieve this?

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

This repository currently has no open or pending branches.

Detected dependencies

npm

package.json

---

• Check this box to trigger a request for Renovate to run again on this repository