Mailtrap Remix integration

Find out how to send emails in Remix with Mailtrap.

Before we start, you’ll need to:

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

Send emails using Remix and Mailtrap

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

import { json } from '@remix-run/node';
import { MailtrapClient } from 'mailtrap';

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

export const loader = 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 json(response, 200);
  } catch (error) {
    const message = error instanceof Error ? error.message : 'Unknown error';
    console.log(message);
    
    return json({ message }, 400);
  }
};

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.