integrations
AWS SES
Learn how to send an email using Vue Email and the AWS SES Node.js SDK.
1. Install dependencies
Get the AWS SES Node.js SDK.
pnpm
pnpm add @aws-sdk/client-ses
2. Create an email using Vue
Start by building your email template in a .vue file.
emails/welcome.vue
<script lang="ts" setup>
defineProps<{ url: string }>();
</script>
<template>
<e-html lang="en">
<e-button :href="url">
View on GitHub
</e-button>
</e-html>
</template>
Step 3: Convert to HTML and send email
Import the email template you just built, convert into a HTML string, and use the Nodemailer SDK to send it.
Nuxt 3
// server/api/send-email.post.ts
import { useCompiler } from '#vue-email'
import { SES } from '@aws-sdk/client-ses';
const ses = new SES({ region: process.env.AWS_SES_REGION })
export default defineEventHandler(async (event) => {
const template = await useCompiler('welcome.vue', {
props: {
url: 'https://vuemail.net/',
}
})
const params = {
Source: 'you@example.com',
Destination: {
ToAddresses: ['user@gmail.com'],
},
Message: {
Body: {
Html: {
Charset: 'UTF-8',
Data: template,
},
},
Subject: {
Charset: 'UTF-8',
Data: 'hello world',
},
},
};
await ses.sendEmail(params);
return { message: 'Email sent' };
});