😊

App Router での API フォルダ配置

2023/06/12に公開

Next.js v13.4 から App Router が安定版になり、フォルダ配置が pages と変わったので調べ直した。

/api/userと/api/productの 2 つの API を pages で作成する場合は、下記のようになる。

.
└── pages
    ├── api
    │   ├── product.ts
    │   └── user.ts
    └── index.tsx

上記の API を App Router で作成する場合は、下記のようになる。

.
└── app
    ├── api
    │   ├── product
    │   │   └── route.ts
    │   └── user
    │       └── route.ts
    └── page.tsx