やりたいこと

Next.jsで開発したWebアプリにIP制限をかけたい

事前準備

その１. 構築するStatic Web AppsはStandardプランである必要があります。無料プランだとできないので、注意。

その2. pipelineを作成済みであること。
Pipelineを作成されてない方は↓で構築してください。

プロジェクトのルートにstaticwebapp.config.jsonを作成

staticwebapp.config.json

{
    "networking": {
      "allowedIpRanges": [
        "<ここにipアドレスを記載>",
      ]
    }
  }

おそらく再デプロイが走って、IP制限がかかっていると思います。

その他にはグローバルヘッダーの設定や、ルートごとのアクセス権なども設定することができます。