111 lines
3.4 KiB
Markdown
111 lines
3.4 KiB
Markdown
# 🤖 AI Assistant Context - Next.js Frontend
|
||
|
||
> Bu dosya, AI asistanların (Claude, GPT, Gemini vb.) projeyi hızlıca anlaması için hazırlanmış bir referans dökümanıdır.
|
||
|
||
---
|
||
|
||
## 📚 Projeyi Anlamak İçin Önce Oku
|
||
|
||
1. **README.md** dosyasını oku - Projenin mimarisi, teknoloji stack'i ve kurulum adımlarını içerir.
|
||
|
||
```
|
||
README.md
|
||
```
|
||
|
||
---
|
||
|
||
## 🎯 Referans Klasörü
|
||
|
||
`.claude/` klasörü best practice'ler, agent tanımları ve yardımcı scriptler içerir. Görev türüne göre ilgili referansları kullan:
|
||
|
||
### Skills (Beceri Setleri)
|
||
|
||
| Beceri | Konum | Ne Zaman Kullan |
|
||
| ------------------- | --------------------------------- | ------------------------------------------ |
|
||
| **Senior QA** | `.claude/skills/senior-qa/` | Test yazarken, coverage analizi yaparken |
|
||
| **Senior Frontend** | `.claude/skills/senior-frontend/` | Component geliştirirken, UI best practices |
|
||
| **Frontend Design** | `.claude/skills/frontend-design/` | Tasarım kararları alırken |
|
||
|
||
### Agents (Roller)
|
||
|
||
| Agent | Konum | Açıklama |
|
||
| ------------------------------- | ---------------------------------------------- | ------------------------- |
|
||
| **Frontend Developer** | `.claude/agents/frontend-developer.md` | Genel frontend geliştirme |
|
||
| **Next.js Architecture Expert** | `.claude/agents/nextjs-architecture-expert.md` | Mimari kararlar |
|
||
|
||
### Commands (Komutlar)
|
||
|
||
| Komut | Konum | Açıklama |
|
||
| ----------------------- | ------------------------------------------------ | ------------------------ |
|
||
| **Component Generator** | `.claude/commands/nextjs-component-generator.md` | Yeni component oluşturma |
|
||
| **API Tester** | `.claude/commands/nextjs-api-tester.md` | API endpoint test etme |
|
||
|
||
---
|
||
|
||
## 🔧 Teknoloji Stack'i (Özet)
|
||
|
||
- **Framework:** Next.js 16 (App Router)
|
||
- **UI Library:** Chakra UI v3
|
||
- **State Management:** React Query (TanStack)
|
||
- **Auth:** NextAuth.js
|
||
- **i18n:** next-intl
|
||
- **Language:** TypeScript (Strict Mode)
|
||
|
||
---
|
||
|
||
## 🏗️ Proje Yapısı Özeti
|
||
|
||
```
|
||
src/
|
||
├── app/[locale]/ # Locale-based routing
|
||
├── components/ # UI components
|
||
├── lib/api/ # API clients
|
||
├── i18n/ # Internationalization
|
||
└── theme/ # Chakra UI theme
|
||
```
|
||
|
||
---
|
||
|
||
## ✅ Görev Bazlı Referans Kullanımı
|
||
|
||
**Test yazarken:**
|
||
|
||
```
|
||
.claude/skills/senior-qa/references/testing_strategies.md
|
||
.claude/skills/senior-qa/references/test_automation_patterns.md
|
||
```
|
||
|
||
**Component geliştirirken:**
|
||
|
||
```
|
||
.claude/skills/senior-frontend/SKILL.md
|
||
.claude/skills/frontend-design/SKILL.md
|
||
```
|
||
|
||
**Mimari kararlar alırken:**
|
||
|
||
```
|
||
.claude/agents/nextjs-architecture-expert.md
|
||
README.md (ADR bölümü)
|
||
```
|
||
|
||
---
|
||
|
||
## 💡 Örnek Prompt'lar
|
||
|
||
### Yeni Component Oluşturma
|
||
|
||
> "`.claude/skills/senior-frontend/` referanslarını kullanarak, reusable bir `DataTable` component'i oluştur."
|
||
|
||
### Test Yazma
|
||
|
||
> "`.claude/skills/senior-qa/references/testing_strategies.md` pattern'lerini kullanarak `LoginForm` için unit test yaz."
|
||
|
||
### Code Review
|
||
|
||
> "`.claude/skills/senior-frontend/` best practice'lerine göre `src/components/auth/` klasörünü review et."
|
||
|
||
---
|
||
|
||
**Backend Projesi:** `../typescript-boilerplate-be/prompt.md`
|