【公式ドキュメント】

画像データの格納場所

publicフォルダの中に、imagesフォルダを作成すればOK!その中に画像データを入れていこう

フォルダ名はimagesでも、imgでもOKよ!

<aside> ⚠️ ※pagesフォルダじゃないよ!publicフォルダだよ!

</aside>

スクリーンショット 2022-06-02 18.05.22.png

画像データの使用方法

<aside> 💫 画像の自動最適化は、静的画像データのほかに、CMSなどの外部データソースでも可能!

</aside>

▼基本の書き方(nextにはImageコンポーネントがあるので、それを利用する)

**import Image from "next/image";**

const YourComponent = () => (
  **<Image
    src="/images/profile.jpg" // Route of the image file
    height={144} // Desired size with correct aspect ratio
    width={144} // Desired size with correct aspect ratio
    alt="Your Name"
  />**
);

<aside> ⚠️ next/imageのImageコンポーネントは、Netlifyでは使えないっぽい(動的生成に対して、Netlifyは静的だから)

Imageコンポーネントを使いたければ、Vercel一択。 Netlifyでは普通にimgタグを使うしかなさそう。

</aside>