isomorphic-unfetch позволяет вам совершать fetch звонки как на клиентском , так и сервере, поэтому это показано в примерах, использующих getInitialProps.
Вообще говоря, вы извлекаете данные на сервер, используя getInitialProps. Это будет blocking - это означает, что разметка не будет возвращена, пока ваши данные не будут получены. Рассмотрим страницу продукта для сайта электронной коммерции. Важно, чтобы мы возвращали название продукта, цену и другую информацию с сервера, а не со стороны клиента.
SWR аналогично, но немного по-другому. Сначала он возвращает данные из кэша (устаревшие), затем отправляет запрос на выборку (повторная проверка) и, наконец, снова получает обновленные данные. Реальный пример того, как вы использовали бы что-то вроде SWR, находится на странице панели инструментов. Вы не хотите извлекать все данные в getInitialProps блокирующим образом, поэтому вы визуализируете «оболочку» панели мониторинга в состоянии загрузки, а затем используете SWR для выборки на стороне клиента данных. Вы можете посмотреть пример этого здесь .
Источник - Создатель Мастеринг Далее. js ?