<h2>Next.jsのmiddleware</h2>
Next.jsのmiddlewareを使いたいと思ったので調べた。
<a href="https://nextjs.org/docs/advanced-features/middleware">Advanced Features: Middleware (Beta) | Next.js</a>
まだBetaなのか。
手元で最新のNext.jsを使っていて、現在はv12.1.6。
Next.jsでは<code>pages/_xxx.ts</code>のようにアンダースコアで始まるファイルがあり、middlewareもそのうちの一つ。
_appとか_documentとか、個人的にまだ曖昧な理解なのでそこも調べた。
<a href="https://tyotto-good.com/blog/next-document-app">Next.jsの_documment.js(tsx)と_app.js(tsx)について爆速で理解しよう</a>
ちょっと前の記事だけどこの記事でタイトルどおり爆速理解した。(今度もうちょっと深堀りしよう)
で、BASIC認証を実装する例の記事も読んだ。
<a href="https://tech.012grp.co.jp/entry/2021/11/08/083809">Next.jsのmiddlewareを使ってbasic認証を実装する - Wiz テックブログ</a>
リクエストが完了する前に事前に実行できる処理を書けるので、BASIC認証にはぴったりだ。
<a href="https://zenn.dev/catnose99/articles/0df722f3f025bb">Next.jsのmiddlewareはVercel以外でも問題なく使えるか</a>
Vercel以外でも(一部例外を除いて)問題なく動くらしい。