feat: 👽 create boilerplate functions to send the email

Author: JasonWarrenUK

.env

@@ -0,0 +1 @@
+RESEND_KEY=""

src/api/emailApi.ts

@@ -1,8 +1,9 @@
-const RESEND_KEY = import.meta.env.VITE_RESEND_KEY;
+// const RESEND_KEY = import.meta.env.VITE_RESEND_KEY;
 import { Resend } from "resend";
 import { Email } from "../../types/emails";
 
-const resend = new Resend(RESEND_KEY);
+// const resend = new Resend(RESEND_KEY);
+const resend = new Resend("re_SDc7pz1Y_KgTU6WSyX1Ed5rtwNHsuFqnG");
 
 export async function sendEmail(email: Email) {
   try {

src/api/send/route.ts

@@ -0,0 +1,28 @@
+import { EmailTemplate } from '../../components/emails/EmailTemplate';
+import { Resend } from 'resend';
+
+// const resend = new Resend(process.env.RESEND_API_KEY);
+const resend = new Resend("re_SDc7pz1Y_KgTU6WSyX1Ed5rtwNHsuFqnG");
+
+export async function POST() {
+  try {
+    const { data, error } = await resend.emails.send({
+      from: ' <[email protected]>',
+      to: [
+        "[email protected]",
+        "[email protected]",
+        "[email protected]"
+      ],
+      subject: "Our Very First Nudgemail",
+      react: EmailTemplate({ firstName: 'Alex, Dan & Jason' }),
+    });
+
+    if (error) {
+      return Response.json({ error }, { status: 500 });
+    }
+
+    return Response.json(data);
+  } catch (error) {
+    return Response.json({ error }, { status: 500 });
+  }
+}

src/components/emails/EmailTemplate.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface EmailTemplateProps {
+  firstName: string;
+}
+
+export const EmailTemplate: React.FC<Readonly<EmailTemplateProps>> = ({
+  firstName,
+}) => (
+  <div>
+    <h1>BEACONS LIVES!</h1>
+    <p>
+      Hello, {firstName}!
+      Thankyou for your service. Soon, I will have no further need of you.
+    </p>
+  </div>
+);