Блог

Главная - Вопросы по программированию - Как использовать таблицы серверов material-ui с getStaticProps?

Как использовать таблицы серверов material-ui с getStaticProps?

#javascript #material-ui #next.js

Вопрос:

Официальный материал-пользовательский интерфейс репозиторий github дает пример того, как интегрировать материал-пользовательский интерфейс с next.js — nextjs/pages/_document.js

В этом примере стили сгенерированы getInitialProps , но это не лучший способ из-за соображений производительности:

  1. getInitialProps включает рендеринг на стороне сервера и не может быть статически оптимизирован. В этом случае он запускается каждый раз, когда мы открываем страницу.
  2. Это вызывает проблемы с хостингом Vercel — холодный запуск иногда занимает 5-10 секунд, и пользователь просто видит белый экран.

Невозможно просто заменить getInitialProps на getStaticProps , потому getStaticProps что не работает в /pages/_document.js /pages/_app.js файлах и.

Кто-нибудь решил эту проблему?

Комментарии:

1. Это нормально использовать getInitialProps в _document для SSG. «getInitialProps включает рендеринг на стороне сервера и не может быть статически оптимизирован» -это относится к использованию getInitialProps в _app not _document , как _document всегда выполняется на сервере.

Метки: