App RouterでAPIのディレクトリ（メモアウトプット）

自分用にメモをアウトプットします。

プライベートでもNext.jsのApp Routerに興味がありよく使っているのですが、
APIディレクトリ構成について改めてザッとアウトプットしてみようと思います。

例えば、以前のPages Routerの場合

例えば、/api/users と /api/books のAPIをPages Routerで作成する場合、

└── pages
    ├── api
    │   ├── books.ts
    │   └── users.ts
    └── index.tsx

となります。

App Routerの場合

App Routerの場合は、

└── app
    ├── api
    │   ├── books
    │   │   └── route.ts
    │   └── users
    │       └── route.ts
    └── page.tsx

となるかと思います。

App Routerを使いこなしたい

個人的に、Pages RouterとApp Routerを比較してアウトプットすると違いを改めて理解し、使い分けしやすいと感じます。
今後も引き続きApp Routerのアウトプットを続けてみようと思います。

それでは、Have a nice App Router !