Icindekiler
Claude Code Nedir?
Claude Code, Anthropic tarafindan gelistirilen terminal tabanli bir AI kodlama asistanidir. Dogrudan terminalinizden calisarak dosya okuma/yazma, git islemleri, test calistirma ve karmasik kodlama gorevlerini otomatik olarak gerceklestirebilir. Diger AI araclarindan farkli olarak Claude Code agentic bir yapidadir -- sadece oneri vermekle kalmaz, dosya sisteminizde gezinir, kodu okur, duzenler ve terminalde komut calistirir.
Dosya Yonetimi
Proje dosyalarini okur, yazar, duzenler. Glob ve Grep ile arama yapar.
Git Entegrasyonu
Commit, PR, diff, branch islemlerini otomatik yapar.
Test ve Debug
Test yazma, calistirma ve hata duzeltme dongusu.
Kurulum ve Baslangic
Adim 1: Node.js Kurulumu
# macOS (Homebrew)
brew install node
# Windows (winget)
winget install OpenJS.NodeJS.LTS
# Linux (nvm)
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
nvm install 20 && nvm use 20
# Verify
node --version # v20.x.x or later
Adim 2: Claude Code Kurulumu
# Global installation
npm install -g @anthropic-ai/claude-code
# Verify installation
claude --version
# Update to latest
npm update -g @anthropic-ai/claude-code
Adim 3: Ilk Calistirma
# Navigate to your project
cd ~/projects/my-app
# Start Claude Code
claude
# On first run, you'll authenticate with your Anthropic account
# A browser window will open -- approve the permissions
API Anahtari ile Kullanim
Alternatif olarak ANTHROPIC_API_KEY ortam degiskenini ayarlayarak dogrudan API anahtari ile kullanabilirsiniz. export ANTHROPIC_API_KEY="sk-ant-..."
Temel Kullanim
Soru Sorma ve Kod Analizi
# Interactive mode
claude
> "Bu projenin mimarisini acikla"
> "src/auth.ts dosyasindaki guvenlik aciklarini bul"
# One-shot command
claude "Bu projede kac tane React component var?"
# Pipe usage
cat error.log | claude "Bu hatalari analiz et ve cozum oner"
Dosya Duzenleme
# Ask Claude Code to edit files directly
> "src/components/Header.tsx'e mobil menu ekle"
> "package.json'a eslint ve prettier kur"
> "tum .ts dosyalarinda any tiplerini duzelt"
# Claude will show diffs before applying changes
# You approve or reject each edit
Komut Calistirma
# Claude can run terminal commands for you
> "testleri calistir ve basarisiz olanlari duzelt"
> "npm build yap ve hatalari coz"
> "git status goster ve degisiklikleri commit et"
# Slash commands
/commit # Auto-generate commit message
/review # Code review
/clear # Clear conversation history
/fast # Toggle fast mode
Web Sitesi Olusturma
Claude Code ile sifirdan bir Next.js full-stack uygulama olusturalim.
Adim 1: Proje Olusturma
# Start Claude Code in an empty directory
mkdir my-saas && cd my-saas
claude
> "Next.js 15 + TypeScript + Tailwind CSS + shadcn/ui ile
bir SaaS projesi olustur. App Router kullan.
src/ dizin yapisini tercih et."
Adim 2: Sayfalari Olusturma
> "Su sayfalari olustur:
1. Landing page - hero, features, pricing, CTA
2. Login/Register sayfalari - form validation ile
3. Dashboard - sidebar navigation, stats cards
4. Settings - profile edit, password change
Tum sayfalarda loading ve error state handle et."
Adim 3: Backend ve Veritabani
> "Supabase entegrasyonu ekle:
- Auth (email/password + Google OAuth)
- Users tablosu ile profil yonetimi
- Server actions ile CRUD islemleri
- Row Level Security politikalari
Drizzle ORM kullan."
Adim 4: Deploy
> "Vercel'e deploy icin hazirliklari yap:
- Environment variables dokumantasyonu
- Build optimizasyonlari
- vercel.json konfigurasyonu
- README.md guncelle"
Mobil Uygulama Gelistirme
Claude Code ile Expo React Native mobil uygulama gelistirelim.
Adim 1: Expo Projesi Olusturma
npx create-expo-app@latest my-mobile-app
cd my-mobile-app
claude
> "Bu Expo projesine su ozellikleri ekle:
- Expo Router ile file-based navigation
- NativeWind v4 ile styling
- Bottom tabs: Home, Explore, Profile
- TypeScript strict mode"
Adim 2: Ekranlar ve Navigasyon
> "Her tab icin ekranlar olustur:
Home: Kart listesi, pull-to-refresh, infinite scroll
Explore: Arama, kategoriler, grid gorunum
Profile: Avatar, istatistikler, ayarlar listesi
Tum ekranlarda loading skeleton kullan."
Adim 3: API Entegrasyonu
> "Supabase backend'e baglan:
- Auth flow (login, register, forgot password)
- Real-time data subscription
- Image upload with expo-image-picker
- Offline-first with AsyncStorage cache"
Ileri Seviye Ipuclari
CLAUDE.md
Proje kokune CLAUDE.md dosyasi olusturun. Tech stack, kod standartlari, proje yapisi ve kurallarinizi tanimlayarak Claude'un daha tutarli ve dogru kod uretmesini saglayin.
/compact
Uzun oturumlarda context window dolmasin diye /compact komutunu kullanin. Bu, konusma gecmisini ozetleyerek token tasarrufu saglar.
Bellek ve Oturum
claude --resume ile onceki oturumu devam ettirin. Claude Code oturum gecmisini kaydeder ve oturumlar arasi baglam korur.
Hooks Sistemi
settings.json icerisinde hook'lar tanimlayarak dosya yazildiginda lint, commit sirasinda test gibi otomatik aksiyonlar calistirabilirsiniz.
MCP Araclari
Model Context Protocol ile harici araclari Claude Code'a baglayabilirsiniz: Context7, Supabase MCP, GitHub MCP gibi araclar ile yeteneklerini genisletin.
Slash Komutlari
/commit, /review, /fast, /clear gibi yerlesik komutlari kullanarak workflow'unuzu hizlandirin.
Fiyatlandirma
Claude Code, Anthropic API veya abonelik planlari ile kullanilabilir.
API Kullanimi
- Opus: $15 / 1M input
- Sonnet: $3 / 1M input
- Haiku: $0.25 / 1M input
- Kullandigin kadar ode
Pro Plan
- Claude Opus erisimi
- Yuksek kullanim limiti
- Tum araclar ve ozellikler
- MCP Server destegi
Max Plan
- 20x daha fazla kullanim
- Tum modeller
- Hizli yanit suresi
- Kurumsal ozellikler
Pratik Alistirmalar
Alistirma 1: Portfolio Sitesi
Claude Code kullanarak kisisel bir portfolio web sitesi olusturun. Next.js + Tailwind kullanin. Ana sayfa, projeler, blog ve iletisim sayfalari olsun. Dark/light mode desteklesin.
Alistirma 2: CLAUDE.md Olusturma
Mevcut bir projeniz icin kapsamli bir CLAUDE.md dosyasi olusturun. Tech stack, kod standartlari, proje yapisi, komutlar ve onemli kurallarini ekleyin. Claude Code'a "bu projeyi analiz et ve CLAUDE.md olustur" deyin.
Alistirma 3: Bug Fix Sprint
Acik kaynakli bir projeyi klonlayin ve Claude Code'a "bu projedeki tum TypeScript hatalarini bul ve duzelt" deyin. Ardindan /commit ile degisiklikleri kaydedin ve /review ile kod incelemesi yaptin.