Después de compilar mi próxima aplicación ejecutando npm run build , todas las imágenes en la carpeta pública se almacenan como imágenes estáticas, que creo que es la forma en que se espera que funcione. Sin embargo, quiero acceder a las imágenes en el directorio público desde la carpeta .next, ya que le agrego nuevas imágenes cada vez.
Aquí está la estructura de carpetas.
Si requiere que ocurra algún cambio en la estructura de la carpeta, como mover la carpeta pública a cualquier otra ubicación o crear un nuevo directorio, aún estaría bien.
Aquí puede encontrar su solución en los documentos de NextJs: https://nextjs.org/docs/basic-features/static-file-serving
"Next.js puede servir archivos estáticos, como imágenes, en una carpeta llamada public en el directorio raíz. Luego, su 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 AvatarNota: next/image requiere Next.js 10 o posterior.
"