Как загружать картинки в next js 13.4 с сервера?

Изучаю next js первую неделю и столкнулся с такой проблемой: Делаю запрос, приходят разные данные, все отображается кроме картинок. Картинки вставляю компонентом <Image/>. В next.config.js прописано -

   remotePatterns: [
     {
       protocol: "https",
       hostname: "react-learning.ru",
       port: "",
       pathname: "/image-compressed/*",
     },
   ],
 

Но картинки не отображаются. В базе картинки есть с разных источников. Нужно разные хостнеймы прописывать? Как в целом решить эту проблему? Результат


Ответы (0 шт):