organizing-project-files

SKILL.md

Colocate by feature when possible. Group by type only for truly shared code.

| A button | components/ui/Button.tsx | | A login form | components/auth/LoginForm.tsx | | User data fetching | services/user.ts or hooks/queries/useUser.ts | | Date formatter | lib/utils.ts | | Auth state | stores/auth.ts | | Supabase types | types/supabase.ts (generated) | | Custom type | types/index.ts or colocate |

For App Router specifics, barrel files, and monorepo structures, see PATTERNS.md.

React および Next.js プロジェクトのファイル構成規則を提供します。新しいファイル、コンポーネント、フック、ユーティリティ、またはサービスを作成するときに使用します。 「これをどこに置くべきですか?」、「これをどこに置きますか?」などの質問、またはファイルを同じ場所に置くかグループ化するかを決定するときにトリガーされます。 ソース: augmnt/webdev-skills。

原文を見る