İçeriğe geç

Yapay Zeka Modeli

Yapay Zeka Modeli Projesi

Next.jsTypeScriptZod PrismaStripe Google Generative AIFramer Motion UploadThingReact QueryShadcn/UI

Bu projede, ChatGPT ve Gemini gibi yapay zeka modellerinin frontend tarafını derinlemesine ele aldığım modern bir web uygulaması geliştirdim. Bu süreçte, yapay zeka tabanlı platformlar için temel olan iş akışlarını ve kullanıcı etkileşimlerini yakından inceleme fırsatı buldum.

Kullanılan Başlıca Teknolojiler

  • Next.js (app router): Sorunsuz server-side rendering ve akıcı bir kullanıcı deneyimi için.
  • TypeScript: Tip güvenliği sağlamak ve geliştirme sürecindeki hataları azaltmak için.
  • Zod: TypeScript desteğiyle şemaları etkili şekilde doğrulamak ve yönetmek için.
  • Prisma: PostgreSQL ile güvenilir ve tip güvenli veritabanı işlemleri için ORM olarak.
  • Stripe: Ödeme işlemlerini ve abonelik yönetimini entegre etmek için.
  • Google Generative AI: Dinamik içerik üretiminde yeni nesil yapay zeka yeteneklerini denemek için.
  • Framer Motion: Kullanıcı deneyimini zenginleştiren akıcı animasyonlar için.
  • UploadThing: Dosya yüklemelerini verimli şekilde yönetmek için.
  • React Query: Veri çekme ve state yönetimini kolaylaştırmak için.
  • Shadcn/UI: Özelleştirilebilir ve erişilebilir arayüz bileşenleri oluşturmak için.

Ödeme Akışı Demosu

💳 Ödeme akışının nasıl çalıştığını görmek ister misiniz? 4242 4242 4242 4242 kart numarasını girerek sahte bir ödeme yöntemi kaydedebilir ve abonelik sürecini gerçekmiş gibi deneyimleyebilirsiniz!

Bağlantılar

Görüntülenme sayısı: