Middlewareの動作

Cloudflare PagesのFunctionsではうまく動かなかったResponseにheaderを追加するMiddlewareもあっけなく動作した。

import { NextResponse } from "next/server";

export function middleware() {
  const response = NextResponse.next();
  response.headers.set("x-modified-edge", "true");

  return response;
}

Hi MORISHIGE

アクセスコントロール

BASIC認証的に使えるアクセスコントロールもSSR環境で問題なく動作した。
だいぶ前に試したときはSSRだと非推奨となっていた気がした。

MiddlewareでIP制限を用意すれば受託案件でも結構使えそう。

Hi MORISHIGE

IP制限には自前で用意するよりもこのライブラリを使うのが便利でよさそう。
https://github.com/aiji42/next-fortress

Hi MORISHIGE

CDK

CDKを利用した手法についての公式ブログ