青いやつの進捗日記。

メモとしてべんきょうのしんちょくをかいていきます。あとで自分が検索しやすいもん

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 (
        〜〜〜〜〜〜〜
        〜〜〜〜〜〜〜
        〜〜〜〜〜〜〜
    )
}