[ ERROR ] .env API_KEY 적용안됨

.env API_KEY 적용안됨

Next.js + TypeScript를 사용해서 영화 추천 웹을 만드는데 API를 숨기려고 .env 파일을 만들어 API 키를 추가한 다음 gitignore에. env를 추가했는데 API 키가 제대로 적용이 안되는 상황이었습니다.

.env

NEXT_API_KEY=API_KEY;

next.config.js

const API_KEY = process.env.NEXT_API_KEY;

module.exports = {
  reactStrictMode: true,
  async redirects() {
    return [
      {
        source: '/old-blog/:path*',
        destination: '/new-sexy-blog/:path*',
        permanent: false,
      },
    ];
  },
  async rewrites() {
    return [
      {
        source: '/api/movies',
        destination: `https://api.themoviedb.org/3/movie/popular?api_key=${API_KEY}`,
      },
      {
        source: '/api/movies/:id',
        destination: `https://api.themoviedb.org/3/movie/:id?api_key=${API_KEY}`,
      },
    ];
  },
};

틀린 게 없는 것 같은데 계속 API 통신 에러가 떠서 찾아보던 중 혹시나 해서
.env에서 API_KEY 마지막에 세미콜론 ;을 제거했더니 통신 성공.