서버리스 API에서 커스텀 도메인 사용하기

이전 챕터에서 Route 53에 새 도메인을 구매했습니다. 이제 이 도메인을 서버리스 API에 사용해 보겠습니다.

infra/api.ts 파일에서 transform: { 줄 위에 다음 코드를 추가하세요.

domain: $app.stage === "production" ? "<api.yourdomainhere.com>" : undefined,

이 코드는 production 스테이지에 배포할 때 커스텀 도메인을 사용하도록 SST에 지시합니다. dev 스테이지나 다른 스테이지에는 도메인을 설정하지 않습니다.

예를 들어, 스테이지 이름을 기반으로 api-${app.stage}.my-serverless-app.com과 같이 설정할 수도 있습니다. dev 스테이지의 경우 api-dev.my-serverless-app.com이 될 수 있습니다. 하지만 이 부분은 여러분의 연습 문제로 남겨두겠습니다.

$app은 설정에서 사용할 수 있는 전역 변수입니다. 여기서 더 자세히 알아볼 수 있습니다.

앱 배포

이제 변경 사항을 프로덕션 환경에 배포해 보겠습니다.

프로젝트 루트에서 다음 명령어를 실행하세요.

$ npx sst deploy --stage production

배포 과정이 끝나면 다음과 같은 내용이 표시됩니다.

+  Complete
   Api: https://api.my-serverless-app.com
   ...

좋습니다! 이제 앱이 프로덕션 환경에 배포되었고, API에 커스텀 도메인이 설정되었습니다.

다음으로, React 앱에도 커스텀 도메인을 사용해 보겠습니다.