Next.js ver13系でmiddlewareを用いてBasic認証を実装する方法をご紹介します。Vercelで環境毎にBasic認証の設定を変更する方法も合わせて記載します

VercelはNext.jsのイメージが個人的に強かったのですが、よくよく考えると express を動かしてAPIサーバのような事も出来るのではないか？と思い始めました。そこでこの記事では、Vercelでexpressを動かす方法をご紹介します

Next.js ver.12からMiddlewareが導入されました。これによりライブラリを使わず簡単にBasic認証を設定することが出来るようになりました

Route53に登録した独自ドメインをVercel上のWebサービスに設定する方法について記載します。

Next.jsでBASIC認証（ベーシック認証）を導入する方法をご紹介します。最終的にローカルではBASIC認証がかからないけど、VercelではBASIC認証がかかるようにします。