Estoy tratando de obtener datos de esta API https://rapidapi.com/apidojo/api/shazam usando next.js pero no estoy definido y no sé cuál es el problema, aquí hay un fragmento de la código, estaría muy contento si alguien pudiera ayudarme a entender lo que estoy haciendo mal.
export async function getServerSideProps(context) { const res = await fetch( 'https://shazam.p.rapidapi.com/charts/track?locale=en-US&pageSize=20&startFrom=0', { method: 'GET', headers: { 'x-rapidapi-host': 'shazam.p.rapidapi.com', 'x-rapidapi-key': 'my_key', }, }, ); const data = await res.json(); if (!data) { return { notFound: true, }; } return { props: { data: data, }, }; }Pruebe este fragmento de código. Le proporcionará una mejor perspectiva y arrojará algunos errores, si los hay.
fetch("https://shazam.p.rapidapi.com/charts/track?locale=en-US&pageSize=20&startFrom=0", { "method": "GET", "headers": { "x-rapidapi-host": "shazam.p.rapidapi.com", "x-rapidapi-key": "*****" } }) .then(response => { console.log(response); }) .catch(err => { console.error(err); });