Estoy desarrollando mi primer sitio next.js y estoy configurando el favicon en index.js de la siguiente manera:
<Head> <title>Create Next App</title> <link rel="icon" href="/favicon.ico" /> </Head> Originalmente estaba usando una configuración en la que mis archivos de origen estaban todos en el directorio raíz. Ahora decidí moverlos a un directorio src . Desde entonces, he observado los siguientes dos comportamientos extraños:
El favicon se almacena en la carpeta public que se encuentra en el directorio raíz (no cambió nada al respecto) al mover los otros archivos a src .
Debe eliminar su caché para que se reconozca la nueva ruta del favicon.
Para evitar esto en el futuro, podría agregar una eliminación del directorio .next para eliminar el caché, por ejemplo:
"scripts": { "dev": "next", "build": "next build", "start": "next start" "clean": "rm /_next && next start" },