better-auth/demo/nextjs/app/dashboard/page.tsx

import { auth } from "@/lib/auth";
import { headers } from "next/headers";
import { redirect } from "next/navigation";
import UserCard from "./user-card";
import { OrganizationCard } from "./organization-card";

export default async function DashboardPage() {
  const [session, activeSessions] = await Promise.all([
    auth.api.getSession({
      headers: headers(),
    }),
    auth.api.listSessions({
      headers: headers(),
    }),
  ]).catch((e) => {
    throw redirect("/sign-in");
  });
  return (
    <div className="w-full">
      <div className="flex gap-4 flex-col">
        <UserCard
          session={JSON.parse(JSON.stringify(session))}
          activeSessions={JSON.parse(JSON.stringify(activeSessions))}
        />
        <OrganizationCard session={JSON.parse(JSON.stringify(session))} />
      </div>
    </div>
  );
}