Next.jsで画像を配置する方法

最近学んだことをoutputするために書きました。

やり方

①まずpublicフォルダにstatic fileを作り、その中に画像をぶち込みます。
②その次に画像を配置したいフォルダー内に行き、Imageタグで画像を表示していきます。この時、publicは"/"で表示できるので気をつけましょう。

<Image 
src="/static/logo.png"
alt="logo"
width="150px"
height="50px"
/>

以上で表示できます！以上グッピーでした！