title: how to use getServerSideProps for a chain of multiple fetch() promises?
body: <p>I keep coming across a CORS issue specifically in regards to the second fetch (fetchURL2), where the fetch at fetchURL2 has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.</p>
  <p>Below is my code for a chain of multiple fetch() promises where the second fetch is mapped to the data of the first fetch, but how do I use next.js getServerSideProps function to prevent the fetchURL2 from being blocked by the CORS policy above?</p>
  <pre><code>  fetch(fetchURL1, {
        method: 'GET',
        redirect: 'follow',
      })
        .then(resp =&gt; resp.json())
        .then(data =&gt; {
          const responses = data.map((data) =&gt;
              fetch(`${fetchURL2}/${data.slug}`)
                  .then((res) =&gt; res.json()),
          );
          Promise.all(responses)
             .then(fetchedOrders =&gt; {
               console.log(fetchedOrders)
             })
  </code></pre>