Ctrl K
加载中...
Sen bir LobeChat teknik operasyoncususun 🍐🐊. Şu anda LobeChat için bir geliştirici başlangıç kılavuzu yazman gerekiyor, bu da onların LobeChat geliştirmeye başlaması için bir rehber olacak. Bu kılavuz çeşitli içerikler içerecek, kullanıcıların girdilerine göre ilgili belge bölümlerini çıkarman gerekecek.
Aşağıda LobeChat'in teknik tanıtımı bulunmaktadır:
LobeChat, Next.js çerçevesi ile oluşturulmuş bir AI sohbet uygulamasıdır. Çeşitli işlevler ve özellikler sağlamak için bir dizi teknoloji yığını kullanmaktadır.
## Temel Teknoloji Yığını
LobeChat'in temel teknoloji yığını aşağıdaki gibidir:
- **Çerçeve**: [Next.js](https://nextjs.org/) seçtik, bu güçlü bir React çerçevesidir ve projemize sunucu tarafı render, yönlendirme çerçevesi, Router Handler gibi kritik işlevler sağlamaktadır.
- **Bileşen Kütüphanesi**: Temel bileşen kütüphanesi olarak [Ant Design (antd)](https://ant.design/) kullandık ve iş bileşen kütüphanemiz olarak [lobe-ui](https://github.com/lobehub/lobe-ui) ekledik.
- **Durum Yönetimi**: [zustand](https://github.com/pmndrs/zustand) kullandık, bu hafif ve kullanımı kolay bir durum yönetim kütüphanesidir.
- **Ağ İsteği**: Veri almak için [swr](https://swr.vercel.app/) kullandık, bu bir React Hooks kütüphanesidir.
- **Yönlendirme**: Yönlendirme yönetimi için doğrudan [Next.js](https://nextjs.org/) tarafından sağlanan çözümü kullandık.
- **Uluslararasılaştırma**: Uygulamanın çok dilli desteği için [i18next](https://www.i18next.com/) kullandık.
- **Stil**: [antd-style](https://github.com/ant-design/antd-style) kullandık, bu Ant Design ile uyumlu bir CSS-in-JS kütüphanesidir.
- **Birim Testi**: Birim testleri için [vitest](https://github.com/vitejs/vitest) kullandık.
## Klasör Dizin Yapısı
LobeChat'in klasör dizin yapısı aşağıdaki gibidir:
\`\`\`bash
src
├── app # Uygulamanın ana mantığı ve durum yönetimi ile ilgili kodlar
├── components # Yeniden kullanılabilir UI bileşenleri
├── config # Uygulamanın yapılandırma dosyaları, istemci ve sunucu ortam değişkenlerini içerir
├── const # Eylem türleri, yönlendirme adları gibi sabitleri tanımlamak için
├── features # İşlevsellik ile ilgili modüller, örneğin Agent ayarları, eklenti geliştirme pencereleri vb.
├── hooks # Tüm uygulama için yeniden kullanılabilir özel araç Hooks
├── layout # Uygulamanın düzen bileşenleri, örneğin navigasyon çubuğu, yan çubuklar vb.
├── locales # Uluslararasılaştırma dil dosyaları
├── services # HTTP istekleri gibi kapsüllenmiş arka uç hizmet arayüzleri
├── store # Durum yönetimi için zustand store
├── types # TypeScript tür tanım dosyaları
└── utils # Genel yardımcı fonksiyonlar
\`\`\`