diff --git a/src/app/debug/page.tsx b/src/app/debug/page.tsx
index 67335b0..eaab86a 100644
--- a/src/app/debug/page.tsx
+++ b/src/app/debug/page.tsx
@@ -1,10 +1,16 @@
import { Button } from "@/components/ui/button";
import React from "react";
+import HeadersPrinter from "@/components/debug/headers-printer";
+import { SecureDebugDetails } from "@/components/debug/secure-debug-details";
const DebugPage = () => {
return (
);
};
diff --git a/src/components/debug/headers-printer.tsx b/src/components/debug/headers-printer.tsx
new file mode 100644
index 0000000..3fdc952
--- /dev/null
+++ b/src/components/debug/headers-printer.tsx
@@ -0,0 +1,18 @@
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+import React from "react";
+import { headers } from "next/headers";
+import { getRequestHeaders } from "@/lib/helpers/headers";
+import { Card, CardContent, CardHeader } from "@/components/ui/card";
+
+const HeadersPrinter = () => {
+ const header = headers();
+
+ const request = getRequestHeaders(header);
+ return (
+
+ Request Headers
+ {request}
+
+ );
+};
+export default HeadersPrinter;
diff --git a/src/components/debug/secure-debug-details.tsx b/src/components/debug/secure-debug-details.tsx
new file mode 100644
index 0000000..4687cd0
--- /dev/null
+++ b/src/components/debug/secure-debug-details.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import PrintEnv from "@/components/widgets/print-env";
+import { authOptions } from "@/server/auth";
+import { getServerSession } from "next-auth";
+import { headers } from "next/headers";
+
+export const SecureDebugDetails = async () => {
+ const session = await getServerSession(authOptions);
+ const request = headers();
+ return ;
+};