Next.js, image + metadata + build‑проверка перед продом
<img src="https://habrastorage.org/getpro/habr/upload_files/311/17d/868/31117d868f547f15f6c1bdd9ef0cfb85.png" /><p>В Next.js изображения, metadata и production build находятся в разных частях проекта. <code>next/image</code> занимается загрузкой и геометрией изображений. Metadata API формирует <code><title></code>, description, Open Graph и Twitter metadata. <code>next build</code> собирает production-версию приложения. Ошибки в этих местах часто не мешают работе <code>next dev</code>. Страница открывается, локальная картинка показывается, title есть. На другом домене внешний <code>Image</code> получает запрещённый URL, Open Graph содержит <a href="http://localhost" rel="noopener nofollow">localhost</a>, production build падает на конфигурации или импорте. Разберём эти три части отдельно на примере проекта <a href="https://goods-finder-js.vercel.app/" rel="noopener nofollow">Goods Finder</a>.</p> <a href="https://habr.com/ru/articles/1080700/?utm_source=habrahabr&utm_medium=rss&utm_campaign=1080700#habracut">Читать далее</a>