本番でボタンが全部無反応だった——CSP の nonce と force-static は両立しない（Next.js App Router）

• #バックエンド
• #クラウド
• #DevOps・CI/CD

AIで作成し、掲載基準に基づいて自動選定した要約です。

• Next.js App RouterでCSPのnonceとforce-staticを同時に使うとスクリプトがすべてブロックされる
• CSPにnonceを指定し、force-staticで静的生成するとnonceが一致しない。strict-dynamicでホストベースの許可が無効化される
• 静的生成ページではnonceが毎回変わるためスクリプトが実行されず、コンソールでのエラーでしか気づけない。本番ビルドでのスクリプト検証が必要