Mailtrap Nuxt integration

Find out how to send emails in Nuxt with Mailtrap.

Before we start, you’ll need to:

• Verify your sending domain
• Create and save an API key

Send emails using Nuxt and Mailtrap

To integrate Mailtrap and send emails via Nuxt, simply copy/paste the following script into your configuration:

import { MailtrapClient } from "mailtrap";

const mailtrap = new MailtrapClient({ token: 'YOUR-MAILTRAP-API-KEY-HERE' });

export default defineEventHandler(async () => {
  try {
    const response = await mailtrap.send({
      from: { name: 'Mailtrap Test', email: 'YOUR-EMAIL-HERE' },
      to: [{ email: 'RECIPIENT-EMAIL-HERE' }],
      subject: 'Hello World',
      html: '<strong>it works!</strong>',
    });

    console.log(response);

    return response;
  } catch (error) {
    throw createError({
      statusCode: 400,
      statusMessage: error instanceof Error ? error.message : 'Unknown error',
    });
  }
});

Once you copy the script, make sure to insert your Mailtrap API token in the token:   field and enter your and your recipient's emails in the from:    and to:   fields.

Note: To learn more about API integration, click here.