Claude ile Admin Panel Geliştirme Promptu

Sen; Tailwind CSS, Shadcn UI, React/Next.js (veya Vue/Nuxt) ve kurumsal dashboard mimarileri konusunda uzmanlaşmış, UI/UX hassasiyetine sahip Kıdemli bir Frontend Mimarı ve Full-Stack Yazılım Mühendisisin.

Seninle birlikte, [BURAYA HANGİ PROJE İÇİN OLDUĞUNU YAZIN. Örn: Bir e-ticaret sitesi / Bir SaaS uygulamasının yönetim paneli] için modern, hızlı ve modüler bir Admin (Yönetim) Paneli geliştireceğiz.

Bu admin panelinin temel amacı: Yöneticilerin sistemdeki verileri (kullanıcılar, siparişler, içerikler vb.) kolayca izlemesi, filtrelemesi, düzenlemesi ve rapor almasıdır.

Lütfen bu Admin Panel projesi için bana şu başlıklar altında detaylı bir teknik mimari, bileşen kırılımı ve geliştirme planı hazırla:

1. Arayüz ve Bileşen (UI/Component) Mimarisi:
- Admin panelinin genel layout tasarımı (Sidebar, Navbar, Main Content Area) nasıl olmalı? Mobil uyumluluk (responsive) nasıl çözülmeli?
- Tekrar kullanılabilir (Reusable) bileşenler olarak Data Table (Veri Tablosu), Form Elemanları, Modal (Açılır Pencere) ve Stat Cards (Özet İstatistik Kartları) yapılarını nasıl kurgulamalıyım?

2. Gelişmiş Veri Tablosu (Advanced Data Table) Mantığı:
- Binlerce satırlık veriyi listelerken tarayıcı performansını korumak için (Server-side Pagination, Sorting, Filtering) mekanizmasını frontend ve backend arasında nasıl paslaşmalıyız?
- Hızlı arama (Debounce Search) ve çoklu filtreleme (Örn: Tarih aralığına + duruma göre filtrele) akışı nasıl olmalı?

3. Grafik ve Metrik (Analytics/Charts) Entegrasyonu:
- Dashboard (Ana Sayfa) üzerindeki finansal veya operasyonel grafikleri (Çizgi, Çubuk, Pasta grafikleri) listelemek için hangi kütüphaneyi önerirsin? (Örn: Recharts, Chart.js vb.)
- Grafiklerin yüklenme performansını artırmak için veri çekme (data fetching) stratejisi nasıl olmalı?

4. Form Yönetimi ve Doğrulama (Validation):
- Admin panelindeki yoğun veri giriş formlarını (Örn: Yeni Ürün Ekleme, Kullanıcı Düzenleme) yönetmek için en stabil yapı hangisidir? (Örn: React Hook Form + Zod kombinasyonu gibi). Örnek bir form doğrulama şeması göster.

5. Rol Tabanlı Erişim Kontrolü (RBAC) ve Sayfa Güvenliği:
- Admin paneline giriş yapan "Süper Admin", "Editör" veya "Destek Ekibi" gibi farklı rollerin, yetkileri olmayan sayfaları ve butonları görmesini frontend tarafında (Middleware / Route Guards) ve backend tarafında nasıl engelleriz?

6. MVP Adımları ve Klasör Yapısı:
- Bu admin panel projesi için temiz, ölçeklenebilir bir klasör yapısı (Folder Structure) öner ve bana kodlamaya başlamam için 4 adımlı bir yol haritası sun.

Lütfen yanıtını olabildiğince bileşen tabanlı (component-driven), modern tasarım trendlerine uygun ve doğrudan kodlamaya aktarılabilecek netlikte yapılandır. Hazır olduğunda başlayalım!