koakuma_ageha

<p>Imageタグはnext export のときは注意<br>
使えない<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__acf4ec991f125" src="https://embed.zenn.studio/card#zenn-embedded__acf4ec991f125" data-content="https%3A%2F%2Fnextjs.org%2Fdocs%2Fmessages%2Fexport-image-api" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://nextjs.org/docs/messages/export-image-api" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://nextjs.org/docs/messages/export-image-api</a></p>


<p>Imageタグにスタイル当てようとすると結構めんどい<br>
外側のコンポーネントを操作できなくてCSSがhackyになっちゃう</p>


<p>s3にホスティングするときは</p>
<div class="code-block-container"><pre><code>next build &amp;&amp; next export
</code></pre></div><p>して、outフォルダ使う</p>


<p>関数コンポーネントを&lt;Link&gt;で囲むことは警告が出る<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__ffece1ca76a3c" src="https://embed.zenn.studio/card#zenn-embedded__ffece1ca76a3c" data-content="https%3A%2F%2Fblog.n-t.jp%2Ftech%2Freact-ref-warn-from-next-link%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://blog.n-t.jp/tech/react-ref-warn-from-next-link/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://blog.n-t.jp/tech/react-ref-warn-from-next-link/</a></p>
