logs/backend/combined-2025-02-04.log

@@ -0,0 +1 @@
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-04T03:16:37.809Z"}

logs/backend/error-2025-02-04.log

@@ -0,0 +1 @@
+{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-04T03:16:37.809Z"}

src/app/api/auth/login/route.ts

@@ -4,59 +4,60 @@ import backendLogger from "@/util/backendLogger";
 import { NextResponse } from "next/server";
 
 export async function POST(req: Request) {
-  if (req.method === "POST") {
+  if (req.method !== "POST") {
+    return NextResponse.json(
+      { success: false, message: "Method Not Allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
     const codeOtp = randomOTP();
     const body = await req.json();
     const { nomor } = body;
-
-    try {
-      const res = await fetch(
-        `https://wa.wibudev.com/code?nom=${nomor}&text=HIPMI - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun pengurus HIPMI lainnya.
+    const res = await fetch(
+      `https://wa.wibudev.com/code?nom=${nomor}&text=HIPMI - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun pengurus HIPMI lainnya.
       \n
       >> Kode OTP anda: ${codeOtp}.
       `
-      );
+    );
 
-      const sendWa = await res.json();
-
-      if (sendWa.status !== "success")
-        return NextResponse.json(
-          { success: false, message: "Nomor Whatsapp Tidak Aktif" },
-          { status: 400 }
-        );
-
-      const createOtpId = await prisma.kodeOtp.create({
-        data: {
-          nomor: nomor,
-          otp: codeOtp,
-        },
-      });
-
-      if (!createOtpId)
-        return NextResponse.json(
-          { success: false, message: "Gagal Membuat Kode OTP" },
-          { status: 400 }
-        );
+    const sendWa = await res.json();
 
+    if (sendWa.status !== "success")
       return NextResponse.json(
-        {
-          success: true,
-          message: "Kode Verifikasi Dikirim",
-          kodeId: createOtpId.id,
-        },
-        { status: 200 }
+        { success: false, message: "Nomor Whatsapp Tidak Aktif" },
+        { status: 400 }
       );
-    } catch (error) {
-      backendLogger.log("Error Login", error);
+
+    const createOtpId = await prisma.kodeOtp.create({
+      data: {
+        nomor: nomor,
+        otp: codeOtp,
+      },
+    });
+
+    if (!createOtpId)
       return NextResponse.json(
-        { success: false, message: error as Error },
-        { status: 500 }
+        { success: false, message: "Gagal mengirim kode OTP" },
+        { status: 400 }
       );
-    }
+
+    return NextResponse.json(
+      {
+        success: true,
+        message: "Kode verifikasi terkirim",
+        kodeId: createOtpId.id,
+      },
+      { status: 200 }
+    );
+  } catch (error) {
+    backendLogger.log("Error Login", error);
+    return NextResponse.json(
+      { success: false, message: "Terjadi masalah saat login" , reason: error as Error },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
   }
-
-  return NextResponse.json(
-    { success: false, message: "Method Not Allowed" },
-    { status: 405 }
-  );
 }

src/app_modules/auth/_lib/api_fetch_auth.ts

@@ -0,0 +1,13 @@
+export { apiFetchLogin };
+
+const apiFetchLogin = async ({ nomor }: { nomor: string }) => {
+  const respone = await fetch("/api/auth/login", {
+    method: "POST",
+    body: JSON.stringify({ nomor: nomor }),
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+
+  return await respone.json().catch(() => null);
+};

src/app_modules/auth/login/view.tsx

@@ -17,6 +17,7 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { PhoneInput } from "react-international-phone";
 import "react-international-phone/style.css";
+import { apiFetchLogin } from "../_lib/api_fetch_auth";
 
 export default function Login({ version }: { version: string }) {
   const router = useRouter();
@@ -30,33 +31,20 @@ export default function Login({ version }: { version: string }) {
 
     try {
       setLoading(true);
-      const res = await fetch("/api/auth/login", {
-        method: "POST",
-        body: JSON.stringify({ nomor: nomor }),
-        headers: {
-          "Content-Type": "application/json",
-        },
-      });
+      const respone = await apiFetchLogin({ nomor: nomor });
 
-      const result = await res.json();
-
-      if (res.status == 500) {
-        ComponentGlobal_NotifikasiGagal("Server Error");
-        return;
-      }
-
-      if (res.status === 200) {
-        localStorage.setItem("hipmi_auth_code_id", result.kodeId);
-        ComponentGlobal_NotifikasiBerhasil(result.message, 2000);
+      if (respone) {
+        localStorage.setItem("hipmi_auth_code_id", respone.kodeId);
+        ComponentGlobal_NotifikasiBerhasil(respone.message, 2000);
         router.push("/validasi", { scroll: false });
       } else {
-        ComponentGlobal_NotifikasiPeringatan(result.message);
+        setLoading(false);
+        ComponentGlobal_NotifikasiPeringatan(respone.message);
       }
     } catch (error) {
+      setLoading(false);
       clientLogger.error("Error login:", error);
       ComponentGlobal_NotifikasiGagal("Terjadi Kesalahan");
-    } finally {
-      setLoading(false);
     }
   }
 

src/middleware.ts

@@ -32,7 +32,7 @@ const middlewareConfig: MiddlewareConfig = {
     "/api/auth/*",
     "/api/origin-url",
     "/api/event/*",
-    "/api/master/*",
+    // "/api/master/*",
     // "/api/image/*",
     // "/api/user/*",
     // "/api/new/*",