Nuxt

This guide shows you how to integrate Mailtrap with Nuxt and send emails using the Email API.

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:

Nuxt event handler

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.

To learn more about API integration, click here.