Next.jsで動作環境がProdcutionであるかどうかを判定する方法

方法#

環境変数 NODE_ENV に process.env を利用してアクセスして判定します。

export default function Hoge() {
    const env = process.env.NODE_ENV;
    if (env == 'production') {
        // production でやりたいこと
    } else if (env == 'development') {
        // development でやりたいこと
    }
}

JSX を返却する際に production であるか否かを判定するには 三項演算子 を利用します。

export default function Hoge() {
    const env = process.env.NODE_ENV;
    return (
        <>
        {
            (env == 'production') ?
                <div>Production</div>
            :
                <div>Development</div>
        }
        </>
    )
}

説明#