Работаю с NextJS? Когда использовать SSG, а когда SSR?

Делаю интернет магазин на NextJS с rest api через python. Есть:
- главная страница ( просто информативная);
- страница с товарами, пагинацией, сортировкой и поиском
- корзина
- страница с заполнением заказа
- страница смены данных пользователя
- регистрация и вход
- админ панель для изменения и добавления товаров
В каких случая использовать SSR (getServerSideProps) и SSG (getStaticProps и getStaticPaths)?
  • Вопрос задан
  • 264 просмотра
Решения вопроса 1
@vovashaplin Автор вопроса
Static - автоматическая генерация статики без данных ( просто html без данных из сервера )
SSG - автоматическая генерация статики и JSON с данными ( html с json, в который во время билда внеслись данные)
SSR - рендеринг на стороне сервера на момент перед показом страницы ( запрос на сервер -> приход данных -> показ страницы пользователю )

SSG ( getStaticProps и getStaticPaths ) нужен для показа страниц или страниц товаров лишь в том случае, если данные на этх страницах меняются не так часто, потому что нужно делать build каждый раз после смены данных на БД. Но данный способ очень быстрый.
Но если ваши данные меняются часто, вы или заказчик часто обновляете контент страниц и товаров, то на помощь придет SSR ( getServerSideProps ). Данный способ медленнее чем SSG, но быстрее чем дефолтный запрос на стороне клиента (SPA).

- главная страница ( просто информативная) Static или SSG
- страница с товарами, пагинацией, сортировкой и поиском SSR или SSG
- корзина SSR
- страница с заполнением заказа SSR
- страница смены данных пользователя SSR
- регистрация и вход SSR
- админ панель для изменения и добавления товаров SSR

Если есть поправки или думаете что я где-то не прав, пишите.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы