Desarrollé con éxito mi primera aplicación Next.js y la implementé en Vercel. Se ejecuta en un backend de ExpressJs con MongoDB para la base de datos. Es un sitio con letras de varias canciones. Pues aqui esta mi problema. Si bien todo funciona bien, en el momento en que agrego un nuevo documento de letras (una canción y sus letras), no lo carga y muestra una página de Error404. Lo mismo si creo un nuevo usuario. No carga su perfil y muestra una página de Error404. En mi entorno de desarrollo (vinculado a la misma API/DB) funciona bien. ¿Puede alguien por favor ayudarme?
Más específicamente. Aquí está el enlace a mi sitio desplegado: Lyrical Place
Aquí está el último y único documento que subí DESPUÉS de la producción: CANCIÓN
Muestra una página 404, mientras que no debería. ¡En mi base de datos existe y en mi aplicación de desarrollo funciona bien!
Nota 1: para agregar cualquier documento de letras, dejé una página /contribute SOLAMENTE en mi entorno de desarrollo.
Nota 2: sospecho que tiene que ver con getStaticPaths en mi directorio /songs/artists/title . Pero podría no ser ese el caso en absoluto.
EDITAR: 1
CÓDIGO RELEVANTE:
getStaticPaths en /canciones/artistas/título:
export const getStaticPaths = async () => { const res = await fetch(`${process.env.PROXY}api/lyrics/getAll`); const data = await res.json(); const paths = data.all.map((name) => ({ params: { singer: name.singer.toString(), title: name.title.toString() } })); return { paths: paths, fallback: false }}