결론은 React에서 하던 설정과 거의 동일하다.
환경변수로 사용하고 싶은 변수 앞에 REACTAPP을 추가하면 됐었다.
//.env file
REACT_APP_variable=1234321
//home.tsx
export default home() {
return <div>{process.env.REACT_APP_variable}</div>
}
REACTAPP대신 NEXTPUBLIC를 추가해주면 된다.
//.env file
NEXT_PUBLIC_variable=1234321
//home.tsx
export default home() {
return <div>{process.env.NEXT_PUBLIC_variable}</div>
}