مقدمة في Clerk

// مثال بسيط: كيفية استخدام Clerk في مشروع Next.js
// أولاً: استيراد المكونات من Clerk
import { SignIn } from "@clerk/nextjs";
import { currentUser } from "@clerk/nextjs/server";

// في الخادم: جلب بيانات المستخدم الحالي
export default async function DashboardPage() {
  const user = await currentUser();

  return (
    <div>
      <h1>مرحباً {user.firstName}</h1>
      <p>البريد الإلكتروني: {user.emailAddresses[0].emailAddress}</p>
    </div>
  );
}