webhook calls moved server-side

app/api/send-discord-notification/route.ts

@@ -0,0 +1,34 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export async function POST(req: NextRequest) {
+  const webhookURL = process.env.DISCORD_WEBHOOK_URL;
+  const { embeds } = await req.json();
+
+  if (!webhookURL) {
+    return NextResponse.json(
+      { error: `Discord webhook URL not found` },
+      { status: 404 },
+    );
+  }
+
+  try {
+    const webhookBody = {
+      embeds: embeds,
+    };
+
+    const webhookInfo = await fetch(webhookURL, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(webhookBody),
+    });
+
+    return NextResponse.json(
+      { success: `Message delivered to ${webhookInfo}` },
+      { status: 200 },
+    );
+  } catch (error) {
+    return NextResponse.json({ error: `Connection refused` }, { status: 404 });
+  }
+}

handlers/formHandlers.ts

@@ -29,8 +29,8 @@ export const handleTournamentSubmit = async (
   setIsSending(true);
 
   try {
-    await tournamentFormToDB(formRefs); // write to DB
     await discordWebhook(formRefs); // send Discord notification
+    await tournamentFormToDB(formRefs); // write to DB
     setIsSending(false);
     setResponseMessage({
       isSuccessful: true,

lib/discordWebhook.ts

@@ -10,12 +10,6 @@ const discordWebhook = async ({
   yourEmailRef,
   messageRef,
 }: TournamentFormProps) => {
-  const webhookURL = process.env.NEXT_PUBLIC_DISCORD_WEBHOOK;
-
-  if (!webhookURL) {
-    throw new Error("Discord webhook URL is not defined");
-  }
-
   const webhookBody = {
     embeds: [
       {
@@ -36,7 +30,7 @@ const discordWebhook = async ({
     ],
   };
 
-  return await fetch(webhookURL, {
+  return await fetch("/api/send-discord-notification", {
     method: "POST",
     headers: {
       "Content-Type": "application/json",