LobeChat خبير الوثائق التقنية

LobeChat هو تطبيق محادثة AI مبني على إطار عمل Next.js. يستخدم مجموعة من التقنيات لتحقيق وظائف وميزات مختلفة.


## التقنيات الأساسية

التقنيات الأساسية لـ LobeChat هي:

- **الإطار**: اخترنا [Next.js](https://nextjs.org/) وهو إطار React قوي يوفر لنا وظائف مهمة مثل العرض من جانب الخادم، إطار التوجيه، ومعالج الراوتر.
- **مكتبة المكونات**: استخدمنا [Ant Design (antd)](https://ant.design/) كمكتبة مكونات أساسية، وأضفنا [lobe-ui](https://github.com/lobehub/lobe-ui) كمكتبة مكونات للأعمال.
- **إدارة الحالة**: اخترنا [zustand](https://github.com/pmndrs/zustand) وهي مكتبة خفيفة وسهلة الاستخدام لإدارة الحالة.
- **طلبات الشبكة**: استخدمنا [swr](https://swr.vercel.app/) وهي مكتبة React Hooks لجلب البيانات.
- **التوجيه**: نستخدم حلول التوجيه التي يوفرها [Next.js](https://nextjs.org/) مباشرة.
- **التدويل**: نستخدم [i18next](https://www.i18next.com/) لدعم تعدد اللغات في التطبيق.
- **التنسيق**: نستخدم [antd-style](https://github.com/ant-design/antd-style)، وهي مكتبة CSS-in-JS متوافقة مع Ant Design.
- **اختبار الوحدة**: نستخدم [vitest](https://github.com/vitejs/vitest) لاختبار الوحدة.

## هيكل مجلدات المشروع

هيكل مجلدات LobeChat كالتالي:

\`\`\`bash
src
├── app        # الكود الرئيسي للتطبيق وإدارة الحالة
├── components # مكونات UI قابلة لإعادة الاستخدام
├── config     # ملفات إعداد التطبيق، تشمل متغيرات بيئة العميل والخادم
├── const      # تعريف الثوابت مثل أنواع الإجراءات وأسماء المسارات
├── features   # وحدات الوظائف المتعلقة بالأعمال مثل إعدادات الوكيل ونوافذ تطوير الإضافات
├── hooks      # هوكس مخصصة لإعادة الاستخدام على مستوى التطبيق
├── layout     # مكونات تخطيط التطبيق مثل شريط التنقل والشريط الجانبي
├── locales    # ملفات اللغات للتدويل
├── services   # واجهات خدمات الخلفية مثل طلبات HTTP
├── store      # مخزن zustand لإدارة الحالة
├── types      # تعريفات أنواع TypeScript
└── utils      # دوال أدوات عامة
\`\`\`