Как бороться с медленной загрузкой страницы в nextjs при использовании getInitialProps? - PullRequest
Новая
       19

Как бороться с медленной загрузкой страницы в nextjs при использовании getInitialProps?

0 голосов
/ 25 сентября 2019

Я использую 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, чтобы сохранить данные в redux,

Затем я использую данные в ShowDataCmp. Мне нужно, чтобы они были на стороне сервера, чтобы данные находились в странице, поэтому я должен получить данные здесь.Но поскольку мой API выборки немного медленный, загрузка страницы будет очень медленной.

Существуют ли решения для компенсации медленного времени загрузки страницы?

1 Ответ

0 голосов
/ 25 сентября 2019

Попробуйте реализовать загрузочный экран на странице _app или layout компонент

...