chat multiple languages
تفاصيل العمل
chat multiple languages
هذا المشروع هو بناء منصة SaaS (Software as a Service) كاملة باستخدام Stripe Payments و Next.js 13، وهو من أكبر المشاريع التي قمت بها حتى الآن. سأقوم بشرح مفصل لكيفية بناء هذه المنصة وستتعلم الأمور التالية خلال هذا المشروع:
كيفية استغلال قوة Firebase Extension المسماة "Run Payments with Stripe" لربط إعداد Firebase الخاص بك بشكل سلس مع Stripe!
تعلم استخدام Firebase Extension "Translate Text in Firestore" لترجمة رسائل المستخدمين بشكل ديناميكي إلى عدة لغات في الوقت الحقيقي!
كيفية استخدام Firebase v9 بما في ذلك قاعدة بيانات Firestore ومصادقة Firebase
كيفية تنفيذ جلسات Stripe Checkout للاشتراك في الدفعات
كيفية استخدام Stripe Webhooks لتحديث قاعدة بيانات Firestore بشكل ديناميكي عند حدوث أحداث Stripe!
إنشاء واجهة مستخدم جميلة وتجربة مستخدم مذهلة لمنصتنا SaaS باستخدام Shadcn الشهير جدًا!
كيفية التحقق الصحيح من النماذج باستخدام Zod لضمان سلامة النوع!
كيفية استغلال إدارة الحالة العالمية بواسطة Zustand!
تعلم كيفية استخدام NextAuth Middleware لحماية مسارات الصفحة ومسارات الواجهة البرمجية (API routes)
كيفية تنفيذ Firebase Rules لتأمين قاعدة بيانات Firestore الخاصة بك
كيفية بناء تدفق المصادقة لتسجيل الدخول وتسجيل الخروج باستخدام NextAuth على Next.js 13!
كيفية استخدام محملات الهيكل العظمي (Skeleton Loaders) أثناء استرجاع البيانات!
تعلم إنشاء خطافات مخصصة لتبسيط الكود الخاص بك!
كيفية بناء منصة SaaS جميلة باستخدام Tailwind CSS!
تعلم كيفية تنفيذ التبديل بين الوضع الليلي والوضع النهاري لتحديث واجهة المستخدم استنادًا إلى تفضيلات المستخدم!
كيفية استخدام TypeScript لتقليل عدد الأخطاء والأخطاء بشكل عام
كيفية نشر الإصدار النهائي على Vercel!
هذا المشروع يهدف إلى تعليمك خطوات بناء منصة SaaS شاملة وعملية باستخدام مجموعة واسعة من التقنيات والأدوات المتقدمة.