publicフォルダの中に、imagesフォルダを作成すればOK!その中に画像データを入れていこう
フォルダ名はimagesでも、imgでもOKよ!
<aside> ⚠️ ※pagesフォルダじゃないよ!publicフォルダだよ!
</aside>

<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>