在使用getInitialProps时如何处理nextjs中的慢加载页面?

我在用 nextjs 9 redux 这是我的应用程序页面:

import React from 'react';
import { useRouter } from 'next/router';
import { ShowDataCmp } from '../../components';
import { getData } from '../../store/SamplePage/SamplePageAction';

const SamplePage = () => {
    const router = useRouter();
    return <ShowDataCmp query={router.query} />;
};

SamplePage.getInitialProps = async ({ store }) => {
    const config = {
        start_date: '1991-10-22',
        end_date: '2019-10-22',
    };
    await store.dispatch(
        getData(config),
    );
};

export default SamplePage;

dispatch an action 将数据存储在 雷多克斯 .

ShowDataCmp 。我需要它是服务器端,这样数据就会在页面资源中,所以我必须在这里获取数据。但是由于我的fetchapi有点慢,页面加载将非常缓慢。

有没有解决办法来弥补页面加载慢的时间?