Entonces, estoy trabajando en una aplicación simple de Next.Js. Es solo una página lírica, pero me estoy encontrando con algunos problemas. Soy nuevo en Next.Js y este es mi primer proyecto. Pues aqui esta mi problema:

Tengo un conjunto dinámico de páginas/carpetas que se parece a esto:

• canciones (carpeta vacía)
• [cantante] (hijo de canciones que contienen solo un index.jsx)
• [título] (hijo de [cantante] que contiene otro index.jsx)

Ahora en mi [título] - index.jsx estoy mostrando una página simple que proporciona la letra de una canción específica. Mi problema es que quiero contar las vistas (cada vez que alguien abre esta página) para cada canción por separado. Tengo el siguiente código:

 export const getStaticProps = async (context) => { const res = await fetch(`${process.env.PROXY}api/lyrics/post/${encodeURIComponent(context.params.title)}`); const data = await res.json(); const send = await fetch(`${process.env.PROXY}api/lyrics/views/${data.post._id}`); return { props: { data: data.post, message: 200 } }

}

 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: 'blocking' }

}

El problema es que sé que getStaticProps se renderiza solo en tiempo de compilación, sin embargo, quiero renderizar cada vez para poder contar las vistas con mi variable de send .

¿Puede alguien por favor ayudarme a resolver esto? ¡Cualquier ayuda será apreciada!