docs: README.md'yi tamamen Türkçe'ye çevir ve görselleri ekle

📝 Değişiklikler:
- ✅ README.md tamamen Türkçe'ye çevrildi
- 🖼️ Template vitrini görseli eklendi (README/TEMPLATES.PNG)
- 🖼️ AI Agent prompt görseli eklendi (README/PROMPT.PNG)
- 📝 Template kategorileri Türkçe açıklandı
- 📝 Teknik terimler Türkçe'ye uyarlandı
- 📝 Kullanım senaryoları Türkçe'ye çevrildi
- 📝 Komut açıklamaları Türkçe'ye çevrildi

🎯 Amaç:
- Türkçe geliştiriciler için daha anlaşılır dokümantasyon
- GitHub'da profesyonel görünüm
- Resimlerle desteklenmiş açıklamalar

Co-Authored-By: Claude Sonnet 4.5 <[email protected]>

Author: timurlenqs

README.md

@@ -1,75 +1,77 @@
 # Vibe Coding Starter
 
-Next.js 16, TypeScript ve üretim seviyesinde uygulamalar geliştirmek için ihtiyacınız olan tüm araçlarla hızlı geliştirme için modern bir full-stack başlangıç kiti.
+Next.js 16, TypeScript ve production-ready uygulamalar geliştirmek için ihtiyacınız olan tüm araçları içeren modern full-stack başlangıç kiti.
 
-## 🚀 Yeni Özellik - Template Sistemi v1.0
+## 🚀 Yenilik - Template Sistemi v1.0
 
 ### ✨ 33 Production-Ready Template
 
-**Her bir AI agent uyumlu ve dokümante edilmiş!**
+Her biri AI agent uyumlu ve detaylı dokümantasyona sahip!
 
 #### 📦 Template Kategorileri:
 
-1. **Core Auth Templates** (4 template)
-   - Login Page - Email/password form + validation
-   - Register Page - Password strength indicator
-   - Middleware - Route protection
-   - Register API - User registration endpoint
-
-2. **Dashboard Layout Templates** (4 template)
-   - DashboardNavbar - Sticky navbar + blur effect
-   - DashboardSidebar - Navigation menüsü
-   - UserMenu - Kullanıcı dropdown menü
-   - MobileMenu - Responsive sheet menu
-
-3. **Dashboard Page Templates** (5 template)
-   - Dashboard Home - İstatistikler + quick actions
-   - Profile Page - Profil yönetimi
-   - Settings Page - Tabs ile ayarlar
-   - Billing Page - Stripe entegrasyonlu faturalandırma
-   - Admin Page - Kullanıcı yönetim paneli
-
-4. **API Route Templates** (5 template)
-   - User API - CRUD operations
-   - Profile API - Profil güncelleme
-   - Password API - Şifre değiştirme
-   - Stripe Checkout API - Ödeme işlemi
-   - Stripe Webhook API - Webhook handler
-
-5. **Database Schema Templates** (1 template)
-   - Schema Extensions - Subscription, Invoice, AuditLog modelleri
-
-6. **Email Templates** (4 template)
-   - Welcome Email - Hoş geldin mesajı
-   - Reset Password Email - Şifre sıfırlama
-   - Invoice Email - Fatura bildirimi
-   - Subscription Email - Abonelik yenileme
-
-7. **Utility & Hook Templates** (6 template)
-   - Validation Schemas - Zod validation
-   - Stripe Utility - Helper fonksiyonlar
-   - Email Utility - Email gönderme
-   - useAuth Hook - Auth state management
-   - useUser Hook - Kullanıcı işlemleri
-   - useForm Hook - Form handling
-
-8. **UI Component Templates** (5 template)
-   - StatCard - İstatistik kartı
-   - DataTable - Veri tablosu
-   - EmptyState - Boş durum gösterimi
-   - LoadingSpinner - Yükleme animasyonu
-   - ErrorAlert - Hata bildirimi
-
-### 🎯 Template Showcase Sayfası
-
-Tüm template'leri görüntüleyin ve keşfedin:
+**1. Core Auth Templates** (4 template)
+- Giriş Sayfası - E-posta/şifre formu + doğrulama
+- Kayıt Sayfası - Şifre güç göstergesi
+- Middleware - Route koruması
+- Kayıt API - Kullanıcı kayıt endpoint'i
+
+**2. Dashboard Layout Templates** (4 template)
+- Dashboard Navbar - Yapışkan navbar + blur efekti
+- Dashboard Sidebar - Navigasyon menüsü
+- Kullanıcı Menüsü - Dropdown menü
+- Mobil Menü - Responsive sheet menü
+
+**3. Dashboard Sayfa Template'leri** (5 template)
+- Dashboard Ana Sayfa - İstatistikler + hızlı işlemler
+- Profil Sayfası - Profil yönetimi
+- Ayarlar Sayfası - Sekmeli ayarlar
+- Faturalandırma Sayfası - Stripe entegrasyonlu
+- Yönetici Paneli - Kullanıcı yönetimi
+
+**4. API Route Template'leri** (5 template)
+- Kullanıcı API - CRUD işlemleri
+- Profil API - Profil güncelleme
+- Şifre API - Şifre değiştirme
+- Stripe Ödeme API - Ödeme işlemi
+- Stripe Webhook API - Webhook işleyici
+
+**5. Veritabanı Şema Template'leri** (1 template)
+- Şema Eklentileri - Subscription, Invoice, AuditLog modelleri
+
+**6. E-posta Template'leri** (4 template)
+- Hoş Geldin E-postası - Karşılama mesajı
+- Şifre Sıfırlama E-postası - Şifre yenileme
+- Fatura E-postası - Fatura bildirimi
+- Abonelik E-postası - Abonelik yenileme
+
+**7. Yardımcı Fonksiyon ve Hook Template'leri** (6 template)
+- Doğrulama Şemaları - Zod validation
+- Stripe Yardımcıları - Helper fonksiyonlar
+- E-posta Yardımcıları - E-posta gönderme
+- useAuth Hook - Kimlik doğrulama state yönetimi
+- useUser Hook - Kullanıcı işlemleri
+- useForm Hook - Form yönetimi
+
+**8. UI Bileşen Template'leri** (5 template)
+- İstatistik Kartı - Veri görselleştirme
+- Veri Tablosu - Tablo gösterimi
+- Boş Durum - Empty state gösterimi
+- Yükleniyor Animasyonu - Loading spinner
+- Hata Bildirimi - Error alert
+
+### 🎯 Template Vitrin Sayfası
+
+Tüm template'leri görsel olarak inceleyin:
+
+![Template Vitrini](README/TEMPLATES.PNG)
 
 ```bash
 npm run dev
-# Git: http://localhost:3000/templates
+# Ziyaret et: http://localhost:3000/templates
 ```
 
-**Showcase özellikleri:**
+**Vitrin özellikleri:**
 - 📊 8 kategoride 33 template
 - 🔍 Her template için detaylı açıklama
 - 🤖 Hazır AI agent prompt şablonları
@@ -78,11 +80,13 @@ npm run dev
 
 ### 🤖 AI Agent ile Kullanım
 
-Her template için hazırlanmış prompt şablonu vardır. Bu şablonları kopyalayıp AI agent'larınıza (Claude Code, Cursor, GitHub Copilot) yapıştırın.
+Her template için hazırlanmış prompt şablonu bulunur. Bu şablonları kopyalayıp AI agent'larınıza (Claude Code, Cursor, GitHub Copilot) yapıştırın.
+
+![AI Agent Prompt](README/PROMPT.PNG)
 
 #### Adım Adım Kullanım:
 
-**1. Template Showcase Sayfasını Açın:**
+**1. Template Vitrin Sayfasını Açın:**
 ```
 http://localhost:3000/templates
 ```
@@ -97,13 +101,13 @@ Kopyaladığınız prompt şablonunu AI agent prompt'unuza yapıştırın.
 
 **Örnek Prompt:**
 ```
-Dashboard login sayfası eklemek istiyorum.
+Dashboard giriş sayfası eklemek istiyorum.
 @templates/core-auth-templates/PROMPT.md
-Login page template'ini projeme entegre eder misin? Şunları da yap:
+Giriş sayfası template'ini projeme entegre eder misin? Şunları da yap:
 - src/app/login/page.tsx olarak kopyala
-- Gerekli shadcn/ui component'lerini kontrol et (button, input, label, form)
+- Gerekli shadcn/ui bileşenlerini kontrol et (button, input, label, form)
 - useToast hook'unun kullanıldığından emin ol
-- NextAuth configuration'ı kontrol et (@/lib/auth)
+- NextAuth yapılandırmasını kontrol et (@/lib/auth)
 ```
 
 **4. AI Agent Otomatik Yapar:**
@@ -117,8 +121,8 @@ Login page template'ini projeme entegre eder misin? Şunları da yap:
 - **Framework:** Next.js 16 (App Router, Server Components, Turbopack)
 - **Dil:** TypeScript
 - **Stil:** Tailwind CSS 4 + shadcn/ui
-- **Veritabanı:** PostgreSQL ile Prisma ORM
-- **Kimlik Doğrulama:** NextAuth.js ile Prisma Adapter
+- **Veritabanı:** PostgreSQL + Prisma ORM
+- **Kimlik Doğrulama:** NextAuth.js + Prisma Adapter
 - **Backend:** Supabase
 - **Ödemeler:** Stripe
 - **E-posta:** React Email + Resend
@@ -129,7 +133,7 @@ Login page template'ini projeme entegre eder misin? Şunları da yap:
 
 ## Başlarken
 
-### Ön Gereksinimler
+### Gereksinimler
 
 - Node.js 18+
 - PostgreSQL veritabanı (veya Supabase hesabı)
@@ -138,40 +142,40 @@ Login page template'ini projeme entegre eder misin? Şunları da yap:
 
 ### Kurulum
 
-1. Depoyu klonlayın:
+**1. Depoyu klonlayın:**
 
 ```bash
 git clone https://github.com/eyaprak/vibe-coding-starter.git
 cd vibe-coding-starter
 ```
 
-2. Bağımlılıkları yükleyin:
+**2. Bağımlılıkları yükleyin:**
 
 ```bash
 npm install
 ```
 
-3. Ortam değişkenleri dosyasını kopyalayın:
+**3. Ortam değişkenleri dosyasını kopyalayın:**
 
 ```bash
 cp .env.example .env
 ```
 
-4. `.env` dosyasında ortam değişkenlerinizi yapılandırın:
+**4. `.env` dosyasını yapılandırın:**
    - Veritabanı URL'i (Supabase PostgreSQL)
    - Supabase kimlik bilgileri
    - NextAuth gizli anahtarı
    - Stripe anahtarları
    - Resend API anahtarı
    - reCAPTCHA anahtarları
 
-5. Veritabanı şemasını gönderin:
+**5. Veritabanı şemasını gönderin:**
 
 ```bash
 npm run db:push
 ```
 
-6. Geliştirme sunucusunu başlatın:
+**6. Geliştirme sunucusunu başlatın:**
 
 ```bash
 npm run dev
@@ -181,22 +185,22 @@ Uygulamanızı görmek için [http://localhost:3000](http://localhost:3000) adre
 
 ## Template Sistemi Kullanımı
 
-### 🎨 Template Showcase Sayfası
+### 🎨 Template Vitrin Sayfası
 
 ```bash
 npm run dev
-# Git: http://localhost:3000/templates
+# Ziyaret et: http://localhost:3000/templates
 ```
 
 ### 📂 Manuel Template Kullanımı
 
 ```
 templates/
 ├── PROMPT.md                 # Ana rehber (tüm sistem)
-├── core-auth-templates/      # Auth template'leri
+├── core-auth-templates/      # Kimlik doğrulama template'leri
 │   ├── PROMPT.md             # Kategori rehberi
-│   ├── login-page.tsx        # Login template
-│   ├── register-page.tsx     # Register template
+│   ├── login-page.tsx        # Giriş template'i
+│   ├── register-page.tsx     # Kayıt template'i
 │   └── ...
 └── ...
 ```
@@ -209,36 +213,36 @@ templates/
 
 ### 🤖 AI Agent ile Örnek Kullanım
 
-**Senaryo 1: Login Sayfası**
+**Senaryo 1: Giriş Sayfası**
 ```
 1. /templates sayfasına git
-2. Core Authentication → Login Page'i seç
+2. Kimlik Doğrulama → Giriş Sayfası'nı seç
 3. Prompt şablonunu kopyala:
 
-Dashboard login sayfası eklemek istiyorum.
+Dashboard giriş sayfası eklemek istiyorum.
 @templates/core-auth-templates/PROMPT.md
-Login page template'ini projeme entegre eder misin?
+Giriş sayfası template'ini projeme entegre eder misin?
 
 → AI agent:
 - templates/core-auth-templates/login-page.tsx'i okur
 - src/app/login/page.tsx olarak kopyalar
-- Gerekli shadcn/ui component'lerini ekler
+- Gerekli shadcn/ui bileşenlerini ekler
 - Middleware'i kurar
 - Test eder
 ```
 
-**Senaryo 2: Dashboard Layout**
+**Senaryo 2: Dashboard Düzeni**
 ```
 1. /templates sayfasına git
-2. Dashboard Layout → Dashboard Navbar'ı seç
+2. Dashboard Düzeni → Dashboard Navbar'ı seç
 3. Prompt şablonunu kopyala:
 
-Dashboard navbar component'i eklemek istiyorum.
+Dashboard navbar bileşeni eklemek istiyorum.
 @templates/dashboard-layout-templates/PROMPT.md
-DashboardNavbar component'ini src/components/dashboard/navbar.tsx olarak ekler misin?
+DashboardNavbar bileşenini src/components/dashboard/navbar.tsx olarak ekler misin?
 
 → AI agent:
-- Dashboard layout component'lerini ekler
+- Dashboard layout bileşenlerini ekler
 - Layout dosyasını günceller
 - Responsive tasarımı kontrol eder
 ```
@@ -248,13 +252,13 @@ DashboardNavbar component'ini src/components/dashboard/navbar.tsx olarak ekler m
 1. Mevcut profile-page.tsx'i kontrol et
 2. Aşağıdaki prompt'u kullan:
 
-Profil sayfasına telefon numarası field'ı eklemek istiyorum.
+Profil sayfasına telefon numarası alanı eklemek istiyorum.
 @templates/dashboard-page-templates/PROMPT.md
 
 → AI agent:
 - Mevcut profile-page.tsx'i inceler
-- Form field'ını ekler
-- Validation schema'yı günceller
+- Form alanını ekler
+- Doğrulama şemasını günceller
 - API'yi günceller
 - Prisma modelini günceller
 ```
@@ -268,7 +272,7 @@ Profil sayfasına telefon numarası field'ı eklemek istiyorum.
 │   ├── app/                 # Next.js App Router
 │   │   ├── api/             # API rotaları
 │   │   ├── (dashboard)/     # Dashboard rota grubu
-│   │   ├── templates/       # 🆕 Template showcase sayfası
+│   │   ├── templates/       # 🆕 Template vitrin sayfası
 │   │   ├── layout.tsx       # Ana layout
 │   │   └── page.tsx         # Ana sayfa
 │   ├── components/
@@ -298,8 +302,8 @@ Profil sayfasına telefon numarası field'ı eklemek istiyorum.
 | Komut                 | Açıklama                                   |
 | --------------------- | ------------------------------------------ |
 | `npm run dev`         | Turbopack ile geliştirme sunucusunu başlat |
-| `npm run build`       | Üretim için derle                          |
-| `npm run start`       | Üretim sunucusunu başlat                   |
+| `npm run build`       | Production için derle                      |
+| `npm run start`       | Production sunucusunu başlat               |
 | `npm run lint`        | ESLint'i çalıştır                          |
 | `npm run db:push`     | Prisma şemasını veritabanına gönder        |
 | `npm run db:generate` | Prisma client'ı oluştur                    |
@@ -308,10 +312,10 @@ Profil sayfasına telefon numarası field'ı eklemek istiyorum.
 
 ### 🆕 Template Sistemi
 
-- **33 Ready-to-Use Template** - Her biri production ready
+- **33 Kullanıma Hazır Template** - Her biri production ready
 - **AI Agent Uyumlu** - Claude Code, Cursor, Copilot ile çalışır
 - **Kategorize Edilmiş** - 8 ana kategori
-- **Dokümante Edilmiş** - Her template'te JSDoc comments
+- **Dokümante Edilmiş** - Her template'te JSDoc yorumları
 - **Prompt Şablonları** - Hazır AI agent prompt'ları
 - **Detaylı Açıklamalar** - Her template için özellik listesi
 
@@ -370,7 +374,7 @@ npx prisma db push
 
 ### Diğer Platformlar
 
-Üretim paketini derleyin:
+Production paketini derleyin:
 
 ```bash
 npm run build