SSR では window.Navigator.userAgent が使えない
クライアント側でデバイスの種類を取得したい場合は window.Navigator.userAgent を使用すればいいけれども、SSR 時は当然ながら window オブジェクトが存在しないので window.Navigator.userAgent を使用することはできない。
getServerSideProps の context から request.headers 内の user-agent を取得する
実装編
使用するライブラリ
- ismobilejs: ^1.1.1
実装
おわり
いったんこれで大丈夫そうかな。