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

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


## مجموعة التقنيات الأساسية

مجموعة التقنيات الأساسية لـ LobeChat هي كما يلي:

- **الإطار**: اخترنا [Next.js](https://nextjs.org/)، وهو إطار عمل React قوي يوفر لمشروعنا ميزات مثل التقديم من جانب الخادم، وإدارة التوجيه، وRouter Handler.
- **مكتبة المكونات**: استخدمنا [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 # مكونات واجهة المستخدم القابلة لإعادة الاستخدام
├── config     # ملفات إعداد التطبيق، تشمل متغيرات البيئة للعميل والخادم
├── const      # لتعريف الثوابت، مثل أنواع الإجراءات، أسماء التوجيه، إلخ
├── features   # وحدات الوظائف المتعلقة بالميزات التجارية، مثل إعداد الوكيل، نافذة تطوير المكونات الإضافية، إلخ
├── hooks      # أدوات Hooks مخصصة قابلة لإعادة الاستخدام في جميع أنحاء التطبيق
├── layout     # مكونات تخطيط التطبيق، مثل شريط التنقل، الشريط الجانبي، إلخ
├── locales    # ملفات اللغة الدولية
├── services   # واجهات خدمات الخلفية المغلفة، مثل طلبات HTTP
├── store      # متجر zustand لإدارة الحالة
├── types      # ملفات تعريف النوع لـ TypeScript
└── utils      # دوال أدوات عامة
\`\`\`