StoryWeaver Yapay Zeka

StoryWeaver AI, yaratıcı yardımcı pilotunuzdur ve yeni fikirleri tamamen şekillenmiş hikayelere dönüştürmenize yardımcı olur. Akıllı hikaye oluşturma asistanımızla benzersiz karakterler oluşturun, sürükleyici dünyalar şekillendirin ve ilgi çekici olay örgüleri örün. Next.js, Tailwind CSS, shadcn/ui ile oluşturulmuştur ve Gaia'nın LLM API'si tarafından desteklenmektedir.

bilgi

Bu örneği kurmak ve çalıştırmak için tüm kaynak kodu ve ayrıntılı talimatlar Gaia Cookbook deposunda bulunabilir.

Özellikler

• Fikirden Hikayeye: Ana hikaye fikrinizi, türünüzü, istediğiniz uzunluğu ve ana karakter, çatışma, dünya havası ve ton gibi isteğe bağlı ayrıntıları girin.
• Yapay Zeka Destekli Üretim: Benzersiz hikayeler oluşturmak için Büyük Dil Modelinden (Gaia'nın OpenAI uyumlu API'si aracılığıyla) yararlanır.
• Markdown Desteği: Oluşturulan hikayeleri zengin metin biçimlendirmesi ile görüntüler.
• Resim olarak indirin: Favori hikayelerinizi PNG görüntüleri olarak kaydedin.
• Sosyal Paylaşım: Uygulamanızın bağlantılarını (kullanıcılar indirdikleri hikaye görselini ekleyebilir) X (Twitter), LinkedIn ve Facebook'ta hızla paylaşın.
• Şık kullanıcı arayüzü: Shadcn/ui ve Tailwind CSS ile oluşturulmuş modern ve duyarlı arayüz.

Teknoloji Yığını

• Framework: Next.js (Uygulama Yönlendirici)
• Dil TypeScript
• Şekillendirme: Tailwind CSS
• UI Bileşenleri: shadcn/ui
• Form Yönetimi: React Hook Form & Zod
• LLM Entegrasyonu: openai için yapılandırılmış npm paketi Gaia'nın API'si
• Markdown Oluşturma: react-markdown
• HTML'den Görsele: dom-to-image-more
• Simgeler: lucide-react

Başlarken

Bu talimatlar, projenin bir kopyasını geliştirme ve test amacıyla yerel makinenizde çalıştırmanızı sağlayacaktır.

Ön Koşullar

• Node.js (v18.x veya üstü önerilir)
• npm veya yarn
• Bir Gaia API Anahtarı(Buradan bir tane edinin)

Kurulum ve Kurulum

1. Depoyu klonlayın:

   git clone https://github.com/harishkotra/story-weaver-ai.git
   cd story-weaver-ai

2. Bağımlılıkları yükleyin:

   npm kurulumu
   # veya
   iplik kurulumu

3. Ortam Değişkenlerini Ayarlayın: Oluşturmak .env.local dosyasını projenin kök dizinine yerleştirin. Bu dosya Git tarafından yok sayılır ve yerel ortam yapılandırması için kullanılır.

   cp .env.example .env.local

   Şimdi, aç .env.local ve API anahtarınızı ekleyin:

   # .env.local
   
   # Gerekli: Gaia LLM hizmeti için API Anahtarınız (veya OpenAI uyumlu başka bir API)
   GAIA_API_KEY="your_actual_gaia_api_key_here"
   
   # İsteğe bağlı: Gaia uç noktasını değiştirirse veya farklı bir uyumlu hizmet kullanırsanız
   # Ayarlanmamışsa varsayılan değer 'https://llama70b.gaia.domains/v1'
   GAIA_API_ENDPOINT="https://your-custom-openai-compatible-endpoint/v1"
   GAIA_API_MODEL="llama70b"

   Önemli: Değiştirin "your_actual_gaia_api_key_here" gerçek API anahtarınız ile. (Buradan bir tane alın)

4. shadcn/ui'yi başlatın (daha fazla bileşen eklemeniz gerekiyorsa): Proje kurulurken, daha sonra daha fazla shadcn/ui bileşeni eklemeyi düşünüyorsanız, init'i çalıştırmanız gerekebilir (zaten yapılandırılmış olması gerekir):

   npx shadcn@latest init

   Varsayılanları kabul ederek veya mevcut proje yapılandırmasıyla uyum sağlayarak istemleri izleyin (src/app/globals.css, tailwind.config.ts, takma adlar @/components ve @/lib/utils).

Uygulamayı Yerel Olarak Çalıştırma

1. Geliştirme sunucusunu başlatın:

   npm run dev
   # veya
   iplik geliştirme

2. Tarayıcınızı açın: Şuraya gidin http://localhost:3000.

Şimdi StoryWeaver AI uygulamasının çalıştığını görmelisiniz!

bilgi

Bu örneği kurmak ve çalıştırmak için tüm kaynak kodu ve ayrıntılı talimatlar Gaia Cookbook deposunda bulunabilir.