Recursos estáticos

Next.js puede servir archivos estáticos, como imágenes, bajo una carpeta llamada public en el directorio raíz. Los archivos dentro de public pueden ser referenciados por tu código comenzando desde la URL base (/).

Por ejemplo, si agregas me.png dentro de public, el siguiente código accederá a la imagen:

import Image from 'next/image'

export function Avatar() {
  return <Image src="/me.png" alt="me" width="64" height="64" />
}

Para archivos de metadatos estáticos, como robots.txt, favicon.ico, etc., debes usar archivos de metadatos especiales dentro de la carpeta app.

Bueno saber:

• El directorio debe llamarse public. El nombre no puede cambiarse y es el único directorio usado para servir recursos estáticos.
• Solo los recursos que están en el directorio public durante el tiempo de compilación serán servidos por Next.js. Los archivos agregados durante el tiempo de solicitud no estarán disponibles. Recomendamos usar un servicio de terceros como AWS S3 para almacenamiento persistente de archivos.