エラー内容

<Image />に設定したパスでエラーが出たら、config設定ができていないかもしれません。
エラー内容↓

Uncaught Error: Invalid src prop (https://images.microcms-assets.io/assets/cdab8ababbd2456dbaca807b6f355556/c32a48cd5cc54a4a840a3dbf0238a560/image.png) on `next/image`, hostname "images.microcms-assets.io" is not configured under images in your `next.config.js`

エラー原因

詳しくはNext.js公式のこちらのページに書かれていますが、
外部画像を利用するための設定が必要になります。

エラー解消方法

next.config.jsに画像ファイル取得先のドメインを指定すると、エラーが解消できます。
next.config.js↓

/** @type {import('next').NextConfig} */
const nextConfig = {
  images: {
    domains: ["images.microcms-assets.io"],
  },
  reactStrictMode: true,
  swcMinify: true,
};


module.exports = nextConfig;

以上です！