青いやつの進捗日記。

べんきょうのしんちょくをかいていきます。

Next.jsで特定のディレクトリがPCのみの画面だとしたらSPではその画面ないので同等の画面にリダイレクトさせる

pageディレクトリがあったとして、ただその画面はPCでのみ存在し、SPではルートにリダイレクトさせたい。

react-responsiverouterでいけます

import { useMediaQuery } from 'react-responsive'
import Router from 'next/router'

export const page = (props: Props) => {

    const isSp = useMediaQuery({ maxWidth: 768px })
    isSp && Router.push('/')

    return (
        〜〜〜〜〜〜〜
        〜〜〜〜〜〜〜
        〜〜〜〜〜〜〜
    )
}