Así que tengo múltiples imágenes provenientes de Internet. Pero cuando comienzo la próxima exportación, la imagen no está incluida en ella y la URL de la imagen se almacena en una cadena en línea. Así que quiero que mi imagen se exporte y se guarde localmente, no desde la API en línea.
¿Cómo puedo saber al lado de almacenar la imagen localmente y servir desde localmente no desde la URL en línea?
Me temo que next no sabe cómo descargar imágenes de internet. Tal vez deberías descargarlos y servirlos desde tu computadora. De esta manera, Next agrupará esos activos.
Para hacer esto, colóquelos en el directorio public en la raíz de su proyecto (por ejemplo public/my-image.png ) y haga referencia a ellos como src="/my-image.png"
De la siguiente documentación
Next.js puede servir archivos estáticos, como imágenes, en una carpeta llamada pública en el directorio raíz. El código puede hacer referencia a los archivos dentro de public a partir de la URL base (/).
Por ejemplo, si agrega una imagen a public/me.png, el siguiente código accederá a la imagen:
import Image from 'next/image' function Avatar() { return <Image src="/me.png" alt="me" width="64" height="64" /> } export default Avatar