قبل از کدنویسی، ساختار پروژه رو بچین.

اگه از همون اول ساختار پروژه مشخص باشه، با بزرگ شدن پروژه خیلی کمتر با فایل‌های درهم‌ریخته مواجه می‌شیم.
مثلاً برای پروژه‌های Next.js / React می‌تونیم از چنین ساختاری شروع کنیم:

project/
├── app/
│   ├── _components/
│   ├── _constants/
│   ├── _hooks/
│   ├── _lib/
│   ├── _services/
│   ├── _types/
│   ├── _utils/
│   │
│   └── test/
│       ├── _components/
│       │   ├── TestHeader.tsx
│       │   └── TestCard.tsx
│       ├── _constants/
│       │   └── test.constants.ts
│       ├── _hooks/
│       │   └── useTest.ts
│       ├── _lib/
│       │   └── test.lib.ts
│       ├── _services/
│       │   └── test.service.ts
│       ├── _types/
│       │   └── test.types.ts
│       ├── _utils/
│       │   └── test.utils.ts
│       └── page.tsx
│
├── public/
│   ├── fonts/
│   └── images/
│

این فقط یک الگوئه ابتدایی هست و می تونه برای خیلی از پروژه ها اوکی باشه ولی ساختار مناسب هر پروژه به اندازه و نوع پروژه بستگی داره.

و برای اینکه هر بار این پوشه‌ها رو دستی نسازید، از AI بخواید دستور ساختش رو براتون بنویسه:

«برای ساخت این ساختار پروژه، دستور ترمینالی مناسب ویندوز / لینوکس / مک رو بنویس.»

@programming_codiing