Next.js에서 환경변수 사용하는 방법

Apeachicetea·2022년 4월 19일
0
post-thumbnail

결론은 React에서 하던 설정과 거의 동일하다.

React

환경변수로 사용하고 싶은 변수 앞에 REACTAPP을 추가하면 됐었다.

//.env file
REACT_APP_variable=1234321

//home.tsx
export default home() {
	return <div>{process.env.REACT_APP_variable}</div>
}

Next.js

REACTAPP대신 NEXTPUBLIC를 추가해주면 된다.

//.env file
NEXT_PUBLIC_variable=1234321

//home.tsx
export default home() {
	return <div>{process.env.NEXT_PUBLIC_variable}</div>
}
profile
웹 프론트엔드 개발자

0개의 댓글