Entonces, he escrito un javascript que usa Axios para emular algunas solicitudes HTTP para eventualmente devolver una carga útil json.

Esto se divide en cuatro solicitudes diferentes. Si hay una mejor manera de hacer esto, por favor hágamelo saber.

Básicamente, cuando envío una solicitud HTTP con credenciales de inicio de sesión a este sitio, devuelve un token en HTML; este token normalmente se almacenaría en el almacenamiento de la sesión; sin embargo, dado que es una solicitud http, el javascript nunca se ejecuta. Debido a esto, analizo el HTML devuelto para el token relevante y lo adjunto a mi próxima solicitud que devuelve HTML con otro token, que luego adjunto. Eventualmente, recibo una respuesta JSON con los datos que realmente quiero.

En este punto, me gustaría crear una GUI para que los usuarios consuman estos datos y realicen una gran cantidad de funciones en ellos.

¿Cómo hago para que esto funcione en NextJS/React? Todos los tutoriales y la información parecen ser para búsquedas API básicas.

El código actual es esencialmente:

 main(): response = await request1(config, cookies) body = await parseHTML(response) cookies = await parseCookies(response) response = await request2(config, cookies, body) body = await parseHTML(response) cookies = await parseCookies(response) response = await request3(config, cookies, body) var json_payload = response.data return json_payload

¿Cómo convertiría esto para que se ejecute en NextJS? ¿Dónde va en el proyecto? ¿Cómo lo llamo? ¿Cómo accedo a los datos?

Lo siento si esto es básico, históricamente soy un desarrollador de back-end en C#.