Front-end/Next
-
[Next] Next.js 에서 환경변수 사용해보기 (feat. Vercel)Front-end/Next 2021. 3. 1. 00:05
Next.js에서의 환경 변수 프론트엔드 생태계에서 정말 많이 사용하는 React.js 라는 라이브러리가 있습니다. React.js를 통해서 한 번 개발해보셨던 개발자분들은 아시겠지만 환경 변수를 추가하기 위해서 .env 로 시작되는 파일을 만들어 선언하고, 그 파일 안에 특정 정해진 네이밍 규칙을 통해 환경 변수를 선언합니다. 그리고 그걸 사용하죠 Next.js도 크게 다르지는 않습니다. 하지만 Next.js는 서버사이드에서 동작하는 특성을 가지기 때문에 이를 고려하지 않고 아무 네이밍을 통해 환경 변수를 선언하면 전혀 반응하지 않게 됩니다. 또한 Next.js는 자체적으로 환경 변수 접근이 가능하기 때문에 dotenv 와 같은 라이브러리를 설치할 필요가 없습니다. (설치하면 아마 정상적으로 동작이 되..