refactor: change API proxy from Serverless Functions to Serverless Middlewares to save Function Invocations on vercel

middleware.ts

@@ -0,0 +1,71 @@
+import type { NextFetchEvent } from 'next/server';
+import { fetchDataViaGet, fetchDataViaPost } from '#/api/utils';
+import { API_URL } from '#/api/config';
+
+export const config = {
+  matcher: '/api/proxy/:path*',
+};
+
+export default async function middleware(request: Request, context: NextFetchEvent) {
+  if (request.method == "GET") {
+    const url = request.url
+    const path = url.match(/\/api\/proxy\/(.*)/)?.[1]
+
+    const data = await fetchDataViaGet(`${API_URL}/${path}`);
+
+    if (!data) {
+      return new Response(JSON.stringify({ message: "Error Fetching Data" }), {
+        status: 500,
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+    }
+
+    return new Response(JSON.stringify(data), {
+      status: 200,
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+  }
+
+  if (request.method == "POST") {
+    const url = new URL(request.url);
+    const isApiV2 = url.searchParams.get("API-Version") == "v2" || false;
+    if (isApiV2) {
+      url.searchParams.delete("API-Version");
+    }
+    const path = url.pathname.match(/\/api\/proxy\/(.*)/)?.[1] + url.search
+
+    const ReqContentTypeHeader = request.headers.get("Content-Type") || "";
+    let ResContentTypeHeader = "";
+    let body = null;
+
+    if (ReqContentTypeHeader.split(";")[0] == "multipart/form-data") {
+      ResContentTypeHeader = ReqContentTypeHeader;
+      body = await request.arrayBuffer();
+    } else {
+      ResContentTypeHeader = "application/json; charset=UTF-8";
+      body = JSON.stringify(await request.json());
+    }
+
+    const data = await fetchDataViaPost(`${API_URL}/${path}`, body, isApiV2, ResContentTypeHeader);
+
+    if (!data) {
+      return new Response(JSON.stringify({ message: "Error Fetching Data" }), {
+        status: 500,
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+    }
+
+    return new Response(JSON.stringify(data), {
+      status: 200,
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+  }
+}