NextJSでImageのリンクを動的に設定する

src の動的な設定

サイトに保存されている画像リンクを動的に取得したいとおもったけどできなかったのでやり方を調べてきた。

<Image src={process.env.PUBLIC_URL , `${imagepath}`} style={{width:"100px" , height:'100px'}} alt='pics' />

こういう風に書けば動的に画像リンクを取得してこれるらしい。

なお、Imageでsrcに文字列型を入れるにはwidthとheightを設定しなければいけない。

せっかくnextjs11でなしでも書けるようになったのに。。。