Using authClient in nextjs server components / actions

import { headers } from "next/headers";
import { notFound, redirect } from "next/navigation";

import { authClient } from "@/lib/auth-client";
import { verifySession } from "@/lib/session";

import ApiKeysTemplate from "./api-keys-template";

export default async function ApiKeys() {
  const { isAuthenticated } = await verifySession();

  if (!isAuthenticated) {
    return redirect("/sign-in");
  }

  const { data: apiKeys, error } = await authClient.apiKey.list({
    fetchOptions: {
      headers: await headers(),
    },
  });

  if (error) {
    return notFound();
  }

  return (
    <ApiKeysTemplate initialApiKeys={apiKeys} />
  );
}

export const getSession = cache(async (): Promise<Session | null> => {
  try {
    const { data, error } = await authClient.getSession({
      fetchOptions: {
        headers: await headers(),
      },
    });

    if (error || !data) {
      return null;
    }

    return data as Session;
  }
  catch (error) {
    console.error("Error fetching session:", error);
    return null;
  }
});

export async function verifySession() {
  const session = await getSession();

  return {
    isAuthenticated: !!session,
    session,
    user: session?.user || null,
  };
}