Server-side vs. client-side API requests: Best practices for handling multiple API calls in a web application

I’m working on a financial website with the following features:

  • A market overview section
  • News updates
  • Portfolio analysis dashboards

The application requires fetching data from multiple APIs (around 10 or more) to populate various components of the dashboard.

I’m trying to decide whether to make these API requests on the server-side or the client-side.

What are the best practices and key factors to consider in such cases? Some aspects I’m thinking about include:

  • Performance and latency
  • Security concerns (e.g., protecting API keys)
  • Scalability when dealing with high traffic
  • Frequency of data updates (real-time vs. less frequent updates)

How can I decide the optimal approach for handling API requests in this type of web application?