Next.js로 만든 프로젝트를 aws amplify에 배포할때 환경변수 설정하기

[요약]

aws amplify 콘솔에서 환경 변수를 설정할 때, 만약 서버 사이드에서 사용하는 환경 변수가 있다면 '환경 변수' 탭에서도 추가해야 하지만, '빌드설정' 탭에서도 yaml 파일을 수정해줘야 한다. 

예를 들면 이렇게 될 것이고 꼭 build: 에서 npm run build 앞에 아래 명령어 들을 추가해줘야 한다!

사실 aws에 가이드가 아주 잘 나와있다 ( https://docs.aws.amazon.com/amplify/latest/userguide/ssr-environment-variables.html )

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - npm ci
    build:
      commands:
        - env | grep -e DB_HOST -e DB_USER -e DB_PASS >> .env.production
        - env | grep -e NEXT_PUBLIC_ >> .env.production
        - npm run build
  artifacts:
    baseDirectory: .next
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*
      - .next/cache/**/*

---

 

 

 

 

Next 프로젝트라면 많이들 vercel에 배포할텐데 이번에 aws amplify에 배포해야 할 상황이 있었다. 이미 회사에서 다른 프로젝트들을 모두 aws에 배포하고 있었기 때문에 관리의 편리함을 위해 첫 next 프로젝트도 aws에 배포하게 되었다. 

 

환경변수를 설정할 때 주의해야 할 점이 있다. 서버 쪽에서 사용하게 되는 환경 변수가 있다면 '환경 변수' 뿐만 아니라 '빌드 설정' 에서 yaml 파일을 수정해줘야 한다