ViraStack
  • Akademi
  • Hakkında
  • Destek
Genel BakışBaşlangıç

Başlangıç

  • Giriş
  • Kurulum
  • Desteklenen araçlar
  • llms.txt
  • llms-full.txt

Kullanım

  • CLI
  • Kurulan dosyalar

Kurallar

  • Kural kataloğu
  • Özelleştirme

Sürümler

  • v2’ye geçiş
  • Değişiklik günlüğü

Kural kataloğu

İki kural her zaman yüklenir. Diğerleri agent eşleşen dosyalarda çalışırken yüklenir.

Kurallar nasıl yüklenir

  • core ve architecture her zaman yüklenir.
  • Diğerleri dosya desenleri taşır: Claude Code’da paths, Cursor’da globs. Agent eşleşen bir dosyayı okuduğunda veya düzenlediğinde araç kuralı yükler.
  • Diğer agent’lar AGENTS.md haritasını izler. Harita her kural için “Use when” satırını verir.

Katalog

KuralKapsamYüklendiği dosyalar
coreÇalışma şekli: değiştirmeden önce okuma, küçük değişiklik, isimlendirme, named export, hata yönetimi, yorumlar.Her zaman
architectureStack tablosu, klasör ağacı, kodun yeri, feature sınırları ve import kuralları (../ import yok).Her zaman
reactReact 19 bileşenleri ve hook’lar: state kopyalamak yerine türetme, effect sadece dış sistemler için, React Compiler, prop olarak ref.src/**/*.tsxsrc/hooks/**/*.tssrc/features/**/hooks/**/*.ts
typescriptStrict TypeScript ve Zod 4: önce şema, discriminated union, any, as ve non-null assertion yok.src/**/*.{ts,tsx}
uiBase UI veya Radix üzerinde shadcn/ui, Tailwind CSS 4 token’ları, yükleniyor, boş ve hata durumları, erişilebilirlik.src/components/**/*.tsxsrc/features/**/components/**/*.tsx
formszodResolver ile React Hook Form, schemas/ içinde şemalar, tipli defaultValues, setError ile sunucu hataları.src/features/**/components/*Form*.tsxsrc/features/**/schemas/**/*.tssrc/schemas/**/*.ts
apifeatures/*/api içinde src/lib/api.ts üzerinden HTTP çağrıları, Zod ile doğrulanan cevaplar, ApiError, sayfalı listeler.src/lib/api.tssrc/features/**/api/**/*.ts
server-stateTanStack Query 5: key factory, sorgu başına tek queryOptions, ince hook’lar, invalidation, optimistic update.src/features/**/api/**/*.tssrc/features/**/hooks/**/*.tssrc/hooks/**/*.tssrc/lib/query-client.tssrc/providers/**/*.{ts,tsx}
client-stateSelector ve useShallow ile Zustand 5 store’ları, nuqs ile URL state, SSR uyumlu persist.src/stores/**/*.tssrc/features/**/stores/**/*.ts
i18nmessages/ içinde mesajlar, sabit metin yok, tipli anahtarlar; next-intl ve Paraglide ayrıntıları.Sadece next-intl veya Paraglide kuruluysamessages/**/*.jsonsrc/i18n/**/*.tsproject.inlang/settings.jsonsrc/components/**/*.tsxsrc/features/**/components/**/*.tsx
performanceLCP, INP ve CLS bütçeleri, optimizasyondan önce ölçüm, görseller, fontlar ve script’ler.src/app/**/*.tsxsrc/routes/**/*.tsxsrc/components/**/*.tsxsrc/features/**/components/**/*.tsx
testingVitest, Testing Library ve MSW: uygulama detayı yerine davranış, role sorguları, MSW ile HTTP mock’u.src/**/*.test.{ts,tsx}src/test/**/*.{ts,tsx}vitest.config.ts
nextjsApp Router: Server Components, async params, Server Actions, "use cache", proxy.ts, next/image ve next/font.Sadece Next.js projelerisrc/app/**/*.{ts,tsx}src/proxy.tsnext.config.ts
tanstack-startDosya route’ları, ensureQueryData ile loader’lar, createServerFn ile server function’lar, middleware, head().Sadece TanStack Start projelerisrc/routes/**/*.{ts,tsx}src/router.tsxsrc/start.ts

Projeye göre değişenler

  • nextjs sadece Next.js projelerine, tanstack-start sadece TanStack Start projelerine kurulur.
  • i18n sadece next-intl veya @inlang/paraglide-js bağımlılıksa kurulur. Kütüphaneyi sonradan eklerseniz init komutunu tekrar çalıştırın.
  • İki framework’ün ortak kuralları sadece sizinkine ait satırları tutar. Örneğin server-state içindeki QueryProvider kurulumu.
  • Kurallardaki komutlar (lint, typecheck, test, shadcn add) sizin paket yöneticinizi kullanır.
ÖncekiKurulan dosyalarSonrakiÖzelleştirme

Bu sayfada

  • Kurallar nasıl yüklenir
  • Katalog
  • Projeye göre değişenler
Hata mı var? Düzeltin