انتقل إلى المحتوى
BuildBase SDK · عرض مباشر

A working demo built with the BuildBase SDK

سجّل الدخول لترى المصادقة، ومساحات العمل متعددة المستأجرين، وفوترة الاعتمادات، والإشعارات الفورية، وi18n بـ8 لغات تعمل معاً في تطبيق حقيقي — مدعومة بـ BuildBase SDK.

مبني باستخدام
Next.js 16
TSTypeScript
Tailwind CSS
shadcn/ui
Prisma
BuildBase SDK
8اللغات في هذا العرضقم بالتبديل من خلال الزر في الرأس
13ميزات SDK المباشرةلكل ميزة صفحة عرض
2قنوات الإشعاراتدفع المتصفح + البريد الإلكتروني
0أسطر كود المصادقةSDK يتعامل مع كل شيء

استكشف العرض

انظر ما يعمل في هذا التطبيق

كل ميزة أدناه مباشرة — سجّل الدخول وانقر للاطلاع على BuildBase SDK في العمل الفعلي.

المصادقة

تسجيل الدخول عبر OAuth، جاهز للاستخدام

زر تسجيل الدخول أعلاه يستخدم BuildBase SDK — خطاف واحد، لا منطق للجلسة تحتاج كتابته. بعد تسجيل الدخول ستحصل على JWT وtoken مساحة عمل ودور تلقائياً.

سجّل الدخول لتجربته
مساحات العمل

محوّل مساحة العمل متعدد المستأجرين

كل مستخدم يمكنه الانتماء لمساحات عمل متعددة بأدوار مختلفة. الشريط الجانبي في لوحة التحكم يُظهر مساحة عملك الحالية ويتيح التبديل بينها.

فتح لوحة التحكم
الاعتمادات

رصيد الاعتمادات المباشر واستهلاكها

صفحة الاعتمادات تُظهر رصيدك المباشر، وتتيح شراء المزيد عبر نافذة مدمجة، وتحتوي أزرار اختبار تستدعي consumeCredits() في الوقت الفعلي.

تجربة استهلاك الاعتمادات
الإشعارات

إشعارات المتصفح الفورية والبريد الإلكتروني

صفحة الإشعارات تتيح الاشتراك في إشعارات المتصفح، وإنشاء إشعار بعنوان وأولوية وأزرار إجراء وتسليم مجدول — ثم إرساله مباشرةً.

إرسال إشعار تجريبي
التدويل

8 لغات بما فيها العربية RTL

استخدم محوّل اللغة في الرأس للتبديل بين الإنجليزية والهندية والإسبانية والفرنسية والألمانية واليابانية والصينية والعربية — يتحول التخطيط تلقائياً إلى RTL.

التبديل إلى العربية
المحتوى

مدونة MDX وسجل التغييرات، مدمجان

المدونة وسجل التغييرات عبارة عن ملفات MDX تُترجَم وقت البناء عبر Contentlayer2. لا CMS، لا قاعدة بيانات — مجرد ملفات بـfrontmatter آمن من حيث الأنواع وبحث نصي كامل وRSS.

قراءة المدونة
الحصص

استخدام الحصص مع بوابات الزيادة

صفحة الاستخدام تستدعي useAllQuotaUsage() لعرض أشرطة تقدم لكل حصة. WhenQuotaExhausted تحجب الواجهة عند وصول الحصة للصفر؛ WhenQuotaOverage تُظهر تفاصيل الزيادة.

عرض استخدام الحصص
الصلاحيات

مصفوفة الأذونات القائمة على الأدوار

صفحة الأذونات تستخدم usePermissions() وWhenPermission لعرض كل أذونات المنصة كممنوحة أو مرفوضة بناءً على دورك في مساحة العمل الحالية في الوقت الفعلي.

التحقق من صلاحياتك
الأحداث

تدفق أحداث SDK المباشر

صفحة الأحداث تربط eventEmitter.setCallbacks() لالتقاط جميع أحداث SDK أثناء إطلاقها — تغييرات مساحة العمل، تحديثات المستخدم، تغييرات الدور — في سجل تمرير مباشر.

فتح سجل الأحداث
بيانات المستخدم

سمات المستخدم وعلامات الميزات

صفحة الملف الشخصي تقرأ useUserAttributes() وuseUserFeatures() لعرض أزواج مفتاح-قيمة مخصصة وحالات علامات الميزات لكل مستخدم، وتتيح كتابة سمات جديدة مباشرةً.

عرض ملفك الشخصي
الفواتير

سجل الفواتير وبوابة الفاتورة

صفحة الفواتير تستدعي useInvoices() لسرد جميع فواتير Stripe بالحالة والمبلغ وروابط PDF. زر واحد يفتح بوابة عملاء Stripe عبر useBillingPortal().

عرض الفواتير
المقاعد

حدود المقاعد وبوابة الدعوات

تستدعي لوحة التحكم useSeatStatus() لعرض عدد الأعضاء مقابل حدود الخطة في الوقت الفعلي. WhenNoSubscription وWhenSubscription وWhenSubscriptionToPlans تتحكم في الواجهة للجمهور المناسب.

فتح لوحة التحكم
علامات الميزات

بوابات الميزات على مستوى مساحة العمل

صفحة الملف الشخصي تستخدم WhenWorkspaceFeatureEnabled وWhenWorkspaceFeatureDisabled لتبديل المحتوى بناءً على علامات الميزات المكوّنة في لوحة تحكم BuildBase.

عرض بوابات الميزات

الأسعار

اختر الخطة التي تناسب احتياجاتك

حزم الاعتمادات

اشترِ اعتمادات لفتح الميزات المميزة مثل توليد AI والتصدير وغيرها.

هل أنت مستعد لرؤية كل شيء يعمل؟

سجّل الدخول لفتح لوحة التحكم الكاملة — جرّب تبديل مساحات العمل، واستهلاك الاعتمادات، وإرسال إشعار فوري، والتبديل بين جميع اللغات الـ8.