print jwt token

.env.template

@@ -1,5 +1,5 @@
-NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_pub_key
-CLERK_SECRET_KEY=your_clerk_secret_key
+NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
+CLERK_SECRET_KEY=
 NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
 NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
 # NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/dashboard

app/components/user-details.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useOrganization, useSession, useUser } from "@clerk/nextjs";
+import { useEffect } from "react";
 
 function Row({
   desc,
@@ -61,6 +62,17 @@ export function UserDetails() {
   const { session } = useSession();
   const { organization } = useOrganization();
 
+  useEffect(() => {
+    fetch("http://localhost:3001/get-token")
+      .then((res) => res.json())
+      .then((data) => {
+        console.log(data);
+      })
+      .catch((error) => {
+        console.error("Error:", error);
+      });
+  }, []);
+
   if (!user || !session) return null;
 
   return (

app/get-token/route.ts

@@ -0,0 +1,22 @@
+import { auth, clerkClient } from "@clerk/nextjs/server";
+
+export async function GET() {
+  const { sessionId } = auth();
+
+  if (!sessionId) {
+    return Response.json({ message: "Unauthorized" }, { status: 401 });
+  }
+
+  const template = "Neon";
+
+  const token = await clerkClient.sessions.getToken(sessionId, template);
+
+  console.log(token);
+  /*
+  _Token {
+    jwt: 'eyJhbG...'
+  }
+  */
+
+  return Response.json({ token });
+}