ミドルウェアを使ってVercelにデプロイしたNext.js製のウェブサイトにBasic認証を設定する 🔐 - みかづきブログ・カスタム

追記 Next.js 13以降での設定方法をまとめました。 blog.kimizuka.org Next.js 12から導入されたミドルウェアを使って、Basic認証を設定するサンプルを見つけたので試してみました。 nextjs.org github.com _middleware.ts import { NextRequest, NextResponse } from 'next/server'; const USER_NAME = 'user'; const PASSWORD = 'password'; export function middleware(req: NextRequest) { const basicAuth = req.headers.get('authorization'); if (basicAuth) { const auth = basicAuth.spli