Vercel

Find your Mailtrap API key

In your Mailtrap dashboard, navigate to Settings → API Tokens. You can view all active tokens, their creators, and access levels.

If you don't already have an API key, click Add Token and assign the desired permissions. For this integration, ensure you check the API/SMTP permissions.

Click Save and store your API key securely, as you won't be able to view it again. For more information, see our guide on Mailtrap API Tokens.

Add your key to Vercel

Open your Vercel dashboard and go to the Settings for the project where you want to add Mailtrap:

In the Environment Variables section of Settings, locate the Key field and add MAILTRAP_API_TOKEN with your actual token value, then click Save.

Reference the key in your code

Reference the Mailtrap API key in your code so your application can use it when making requests. Add the Mailtrap API key and the Mailtrap URL https://send.api.mailtrap.io/api/send to your code.

For example, here's how it would look in your route.ts file:

const MAILTRAP_API_TOKEN = process.env.MAILTRAP_API_TOKEN;

const res = await fetch("https://send.api.mailtrap.io/api/send", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${MAILTRAP_API_TOKEN}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    from: { email: "[email protected]" },
    to: [{ email: "[email protected]" }],
    subject: "Hello from Vercel + Mailtrap",
    text: "This is a test email sent via Mailtrap API."
  })
});