1. Integrations
  2. Send email using Postmark

Integrations

Send email using Postmark

Learn how to send an email using Svelte Email and the Postmark Node.js SDK.

1. Install dependencies

npm 
        npm install svelte-email postmark
pnpm 
        pnpm add svelte-email postmark

2. Create an email using Svelte

Start by building your email template in a .svelte file. For example, let's create a simple email template called Hello.svelte:

src/$lib/emails/Hello.svelte 
        <script>
	import { Button, Hr, Html, Text } from 'svelte-email';

	export let name = 'World';
</script>

<Html lang="en">
	<Text>
		Hello, {name}!
	</Text>
	<Hr />
	<Button href="https://svelte.dev">Visit Svelte</Button>
</Html>

3. Convert to HTML and send email

Next, create a server route that will convert the Svelte template to HTML and send the email using the Postmark Node.js SDK.

src/routes/emails/hello/+server.js 
        import { render } from 'svelte-email';
import Hello from '$lib/emails/Hello.svelte';
import postmark from 'postmark';

const client = new postmark.ServerClient(process.env.POSTMARK_API_KEY);

const emailHtml = render({
	component: Hello,
	props: {
		name: 'Svelte'
	}
});

const options = {
  From: 'you@example.com',
  To: 'user@gmail.com',
  Subject: 'hello world',
  HtmlBody: emailHtml,
};

client.sendEmail(options);
Previous <- Send email using SendGrid
Next Send email using AWS SES ->