Next.js Browser env

created 2021/10/02updated 2021/10/02

ブラウザで使用したい場合は、NEXT_PUBLIC_を前につける

.env
NEXT_PUBLIC_ANALYTICS_ID=xxxxx
js
const x = process.env.NEXT_PUBLIC_ANALYTICS_ID;

つけない場合は、getServerSidePropsgetStaticProps内でしかアクセスできない。

.env
ANALYTICS_ID=xxxxx
js
// Browser ❌ const x = process.env.ANALYTICS_ID; // Server 🙆‍♂️ const x = process.env.ANALYTICS_ID;