Netlify에 React 앱 배포하기

이번 섹션에서는 React.js 앱을 정적 웹사이트로 Netlify에 배포하는 방법을 살펴보겠습니다. 가이드의 주요 부분에서 SST의 ReactStaticSite 구성을 사용해 React 앱을 AWS에 배포했던 것을 기억할 것입니다.

Netlify는 React 앱을 무료로 호스팅할 수 있게 해주며, git push를 통해 앱을 배포할 수 있습니다.

우리가 사용할 기본 설정은 다음과 같습니다:

  1. Netlify에 프로젝트 설정하기
  2. 커스텀 도메인 설정하기
  3. 앱을 위한 CI/CD 파이프라인 만들기

또 다른 방법으로는 React 앱을 S3에 배포하고 CloudFront를 CDN으로 사용하는 방법이 있습니다. 이 경우 Route 53을 사용해 커스텀 도메인을 설정합니다. www 버전의 도메인도 설정해야 하며, 이를 위해 또 다른 S3와 CloudFront 배포가 필요합니다. 이 전체 과정은 다소 번거로울 수 있습니다. 하지만 AWS 계정에서 React 앱을 배포하고 호스팅하는 방법을 찾고 있다면, AWS에 React 앱 배포하기라는 추가 챕터를 참고하세요.

이제 Netlify에 프로젝트를 생성하며 시작해 보겠습니다.