next.js로 프론트엔드를 짜고 있는데, axios를 쓸 때 환경 변수 이름을 뭘로 짓지란 질문이 떠올랐다.
그래서 찾아보니 NEXT_PUBLIC_XXXX로 쓴다는 것을 찾았는데, 여기서 PUBLIC이 어떤 의미를 갖는지 궁금했다.
기본적으로 Next.js에서 환경변수는 이름에 NEXT를 붙이며, 서버에서만 참조가 가능하다. 그러나 NEXT_PUBLIC을 붙인 환경변수는 브라우저와 서버 모두에서 참조가 가능하다고 한다.
NEXT_XXX는 서버에서만 참조 가능한 환경변수
NEXT_PUBLIC_XXX는 브라우저와 서버 모두에서 참조 가능한 환경변수