Next.js Browser env

updated Oct 2, 2021created Oct 2, 2021

ブラウザで使用したい場合は、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;