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 # Повторно използваеми UI компоненти
├── config # Конфигурационни файлове на приложението, включващи клиентски и сървърни променливи
├── const # За дефиниране на константи, като типове действия, имена на маршрути и др.
├── features # Функционални модули, свързани с бизнес функции, като настройки на агент, прозорци за разработка на плъгини и др.
├── hooks # Персонализирани инструменти Hooks, използвани в цялото приложение
├── layout # Компоненти за оформление на приложението, като навигационни ленти, странични ленти и др.
├── locales # Файлове с езици за международализация
├── services # Обвити интерфейси за бекенд услуги, като HTTP заявки
├── store # Магазин за управление на състоянието с zustand
├── types # Файлове за дефиниция на типове в TypeScript
└── utils # Общи помощни функции
\`\`\`
