Proje kurulumu

Claude Code ile çalışmak, elinde üzerinde çalışabileceğin bir proje olduğunda çok daha ilgi çekici oluyor.

Birlikte keşfedebileceğimiz küçük bir proje hazırladım. Bu, önceki videolardan birinde gösterilen aynı UI generation app. Not: Bu projeyi çalıştırmak zorunda değilsin. İstersen kursun geri kalanını kendi code base’inle de takip edebilirsin!

Setup

Bu proje küçük bir kurulum gerektiriyor:

1. Lokalde Node JS kurulu olduğundan emin ol. Kurulum yönergelerine giden link.
2. Bu derse iliştirilen uigen.zip dosyasını indir ve çıkart.
3. Proje dizininde npm run setup çalıştır — bu dependency’leri kurar ve lokal bir SQLite database kurar.
4. Opsiyonel: Bu proje UI component’leri generate etmek için Claude’u Anthropic API üzerinden kullanır. App’i tam test etmek istiyorsan, Anthropic API’a erişmek için bir API key sağlaman gerekir. Bunu atlayabilirsin, app yine de bazı statik fake kodlar üretir. API key’i şöyle ayarlayabilirsin:
   1. https://console.anthropic.com/ adresinden bir Anthropic API key al.
   2. API key’i .env dosyasına koy. your-api-key-here literal metnini Anthropic console’undan aldığın key ile değiştir.
5. Projeyi npm run dev komutuyla başlat.