Нужно адаптировать приложение NextJs под мобильные устройства. Как же всё так правильно?
Определять тип устройства в getServerSideProps?
Или делать это через хук useMediaQuery?
В документации nextjs написано -
getServerSideProps only runs on server-side and never runs on the browser.
Перевод:
getServerSideProps вызывается только на сервере, он не вызывается в браузере.
Возникает такой логичный вопрос. Как вы собираетесь определить тип устройства пользователя на сервере?
Как мне известно вы не сможете это сделать с помощью getServerSideProps, getStaticProps или на другой функции который предоставляет некст из коробки.
У вас остается два решения:
Либо через сторонние npm пакеты, либо через css или его препроцессоры. Я бы сделал через второй вариант потому что не хочу устанавливать лишние зависимости.