🎉

【next.js】 middleware.tsを配置する場所(srcにpageがある時)

2022/09/06に公開

結論

srcの中のpagesと同階層に置く

公式ドキュメントの説明

https://nextjs.org/docs/advanced-features/middleware

Create a middleware.ts (or .js) file at the same level as your pages directory

「middleware.ts(または.js)ファイルをpagesディレクトリと同じ階層に作成します。」とあります。

載せた背景

middleware.tsの配置する場所を調べた時、「pagesディレクトリと同じ階層に置く」という説明でなく、「ルート直下に配置する」という内容が出てきたので、誤認識すると感じました。

middleware.tsは、ルート直下に置くと覚えるより、公式ドキュメント通りpagesと同階層に置くと覚えた方が良さそう。

Discussion