みかづきブログ・カスタム

基本的にはちょちょいのほいです。

Vercel

ミドルウェアを使ってVercelにデプロイしたNext.js製のウェブサイトにBasic認証を設定する 🔐

Next.js 12から導入されたミドルウェアを使って、Basic認証を設定するサンプルを見つけたので試してみました。https://nextjs.org/docs/middlewarenextjs.orggithub.com _middleware.ts import { NextRequest, NextResponse } from 'next/server'; const USE…

VercelにホスティングしたウェブサイトにBasic認証を設定する 🔐

vercel.comVercelにBasic認証をかけることに成功したので手順をメモしておきます。 ❶ ホスティングしたいファイルをpublicディレクトリに入れる ❷ プロジェクトルートにapp.jsをつくる app.js const protect = require('static-auth'); const safeCompare = …