I have an app that I want to make sure the pages are rendered on the server first for SSR

The data is downloaded from 4 different APIs so I want to keep requests to a minimum

I have a reusable component on multiple pages that display the data, at the moment I’m using redux, but this means no SSR.

I’m fairly new to React and Next, so I’m asking the React/Next veterans for any ideas, I thought maybe loading data from the requests into context. So it would then be exposed to all child components.

But then would have to try to make sure the data is not re-fetched too often, say for page loads, etc.

Just wondering what devs are doing on real-world projects, or if there’s a standard that most devs are using for this type of thing