CORS limits websites from communicating with other domains without the full consent of both sites. Consuming data from a 3rd Party REST API makes it difficult since we can't properly configure the appropriate CORS headers. To solve this, we'll set up a proxy server to request the data using a Netlify function that avoids CORS altogether.
The Third-Party API that we'll be working with will provide the following data:
favoriteSong for each corgi.
We will also use
node-fetch a light-weight module that brings the
fetch API to fetch the data into our application.