otomatty farm-cms .cursorrules file for TypeScript

# プロジェクトの技術スタック
expertise:
  - React
  - TypeScript
  - Tailwind CSS
  - shadcn/ui
  - Jotai
  - react-router-dom
  - Supabase
  - Farm
  - Bun
  - Biome

# コーディングスタイルとベストプラクティス
coding_guidelines:
  components:
    - "コンポーネントは単一責任の原則に従い、小さく保つこと。"
    - "関数型コンポーネントを使用し、クラスコンポーネントは避けること。"
    - "再利用可能なコンポーネントは適切にモジュール化すること。"
    - "ページコンポーネントはパスカルケースで命名し、末尾にPageを付けること。"
  logic:
    - "ロジックは適切にモジュール化し、再利用可能な関数として定義すること。"
    - "ロジックはコンポーネントから分離し、コンポーネントの責任を減らすこと。"
    - "サービスロジックはservicesディレクトリに配置すること。"
    - "カスタムフックはhooksディレクトリに配置すること。"
  state_management:
    - "状態管理にはJotaiを使用し、必要に応じてatomやatomFamilyを活用すること。"
    - "グローバル状態の使用を最小限に抑え、ローカル状態を優先すること。"
  routing:
    - "ルーティングにはreact-router-domを使用し、動的ルートやネストされたルートを適切に構成すること。"
    - "Lazy Importを積極的に使用し、ページ遷移時のパフォーマンスを向上させること。"
  styling:
    - "スタイリングにはTailwind CSSとshadcn/uiを使用し、統一されたデザインシステムを維持すること。"
    - "レスポンシブデザインを実装し、モバイルファーストのアプローチを採用すること。"
  performance_optimization:
    - "React.memo、useMemo、useCallbackを適切に使用し、不要な再レンダリングを防ぐこと。"
    - "非同期処理やデータフェッチングにはSuspenseやError Boundaryを活用すること。"
  error_handling:
    - "エラーハンドリングを徹底し、ユーザーに適切なフィードバックを提供すること。"
    - "Supabaseからのエラーは適切にキャッチし、ユーザーにわかりやすいメッセージを表示すること。"
  testing:
    - "ユニットテスト、統合テストを実施し、コードの信頼性を確保すること。"
    - "テストには適切なテスティングフレームワークを使用すること。"

# ビルドとランタイム
build_and_runtime:
  - "ビルドツールにはFarmを使用し、効率的なビルドプロセスを確立すること。"
  - "ランタイムおよびパッケージマネージャーにはBunを使用し、依存関係の管理とスクリプトの実行を行うこと。"

# Lintとフォーマッター
lint_and_formatter:
  - "コードの品質と一貫性を保つためにBiomeを使用し、Lintとフォーマットを実施すること。"
  - "コミット前に自動的にLintとフォーマットを適用するためのフックを設定すること。"