✨ Use message queue for emails (#1446)

apps/web/package.json

@@ -42,6 +42,7 @@
     "@trpc/next": "^10.13.0",
     "@trpc/react-query": "^10.13.0",
     "@trpc/server": "^10.13.0",
+    "@upstash/qstash": "^2.7.17",
     "@upstash/ratelimit": "^1.2.1",
     "@vercel/functions": "^1.0.2",
     "@vercel/kv": "^2.0.0",

apps/web/src/app/api/send-email/route.ts

@@ -0,0 +1,33 @@
+import * as Sentry from "@sentry/nextjs";
+import { verifySignatureAppRouter } from "@upstash/qstash/nextjs";
+import type { NextRequest } from "next/server";
+import { NextResponse } from "next/server";
+
+import { getEmailClient } from "@/utils/emails";
+
+const emailClient = getEmailClient();
+
+export const POST = async (req: NextRequest) => {
+  /**
+   * We need to call verifySignatureAppRouter inside the route handler
+   * to avoid the build breaking when env vars are not set.
+   */
+  return verifySignatureAppRouter(async (req: NextRequest) => {
+    const body = await req.json();
+
+    // TODO: Add validation for templateName and options
+
+    try {
+      await emailClient.sendTemplate(body.templateName, body.options);
+
+      return NextResponse.json({ success: true });
+    } catch (error) {
+      Sentry.captureException(error);
+
+      return NextResponse.json(
+        { success: false, error: "Failed to send email" },
+        { status: 500 },
+      );
+    }
+  })(req);
+};