老师，在nextjs中，有useEffect, getStaticProps , getServerSideProps三个页面加载事件。你在页面加载时，请求api，并且把数据放在redux中渲染。

在服务器端渲染函数getServerSideProps中无法使用，直接报useDispatch只能在function Component中使用。

//无法在这里使用useDispatch
//在useEffect和getStaticProps中可以使用下面的代码，
//但是产看页面源码没有渲染的内容

export async function getServerSideProps(store) {
const dispatch = useDispatch()
const action = dispatch(actions.getHomeInfo())
}

那么请问老师，在服务器端渲染项目中，应该在哪里做api请求。请求完毕，把数据缓存放在哪里，使用和渲染呢。为什么老师要把api返回数据都先放在redux中，然后再渲染。