Next.jsのproxy（middleware）が動作しない！の解決策

Next.jsでBasic認証を付けようとしたところ、参考記事どおりに実装しても認証が発火せずハマったので、その原因と解決策のメモです。

結論

appディレクトリがsrc配下にあるのであれば、proxy.ts（またはmiddleware.ts）もsrc内に入れる

proxy.tsの正しい場所

root/
  app/...
  proxy.ts        ← ✅

または

root/
  src/
    app/...
    proxy.ts      ← ✅

ダメなパターン

root/
  src/
    app/...
  proxy.ts        ← ❌

終わりに

バイブコーディングで、AIに実装させてるとこういった初歩的なところで地味にハマりがちですよね。
ついコードがおかしいと思って色々調べてましたが、結局ファイルの位置という。。。

同じようなことで時間を食われている方の参考になれば🙇🏻‍♂️

参考

redditにも同じことしてる人いた。