ディレクトリ構成

クリーンアーキテクチャのcoreとプレゼンテーション、データアクセス部分をフロントエンド風にアレンジした構造

app routerに変更してもこの感じは変わらずでいけます。

.
└── apps/
    └── web/
        ├── e2e
        ├── coverage
        ├── public
        └── src/
            ├── config/
            │   └── constants
            ├── core/
            │   ├── entities
            │   ├── factory
            │   ├── usecase
            │   └── api/
            │       ├── repositories/
            │       │   └── index.ts/
            │       │       ├── ...抽象的な型定義(interface)
            │       │       └── getUserRepository.ts
            │       └── getUser.tsx(implement)
            ├── features/
            │   └── featureA/
            │       ├── components/
            │       │   ├── Container(as needed)/
            │       │   │   └── Presenter
            │       │   └── Top.tsx
            │       ├── context/
            │       │   └── ...
            │       └── usecase(as needed)
            ├── lib
            ├── mocks
            ├── pages/
            │   └── featureA/
            │       └── index.tsx
            └── stores(as needed)