正解は「next.config.jsのimages.remotePatterns(またはdomains)に外部ホストを追加する」です。next/imageはNext.jsの画像最適化機能を提供しますが、セキュリティ上の理由からデフォルトでは外部URLの画像を最適化しません。外部の画像を使用するにはnext.config.jsで許可するドメインを明示的に設定する必要があります。Next.js 14以降ではremotePatternsの使用が推奨されており、protocol・hostname・port・pathnameの組み合わせで柔軟に制御できます。非推奨のdomains設定より細かいアクセス制御が可能です。