Email with SvelteKit: A Developer's Guide

npm install reloop-email

RELOOP_API_KEY=re_your_api_key_here

1// src/routes/contact/+page.server.ts
2import { Reloop } from "reloop-email";
3import type { Actions } from "./$types";
4
5const reloop = new Reloop(import.meta.env.RELOOP_API_KEY);
6
7export const actions: Actions = {
8  default: async ({ request }) => {
9    const data = await request.formData();
10    const email = data.get("email") as string;
11
12    await reloop.emails.send({
13      from: "hello@yourdomain.com",
14      to: email,
15      subject: "Thanks for reaching out",
16      html: "<p>We'll be in touch soon.</p>",
17    });
18
19    return { success: true };
20  },
21};

1// src/routes/api/send-welcome/+server.ts
2import { json } from "@sveltejs/kit";
3import { Reloop } from "reloop-email";
4import type { RequestHandler } from "./$types";
5
6const reloop = new Reloop(import.meta.env.RELOOP_API_KEY);
7
8export const POST: RequestHandler = async ({ request }) => {
9  const { email, name } = await request.json();
10
11  await reloop.emails.send({
12    from: "onboarding@yourdomain.com",
13    to: email,
14    subject: `Welcome, ${name}!`,
15    html: `<p>Your account is ready.</p>`,
16  });
17
18  return json({ sent: true });
19};