React 앱을 Netlify에 배포하기
This chapter has been archived and is no longer updated. View the current version of the guide.
Netlify에 React 앱 배포하기
이번 섹션에서는 React.js 앱을 정적 웹사이트로 Netlify에 배포하는 방법을 살펴보겠습니다. 가이드의 주요 부분에서 SST의 ReactStaticSite
구성을 사용해 React 앱을 AWS에 배포했던 것을 기억할 것입니다.
Netlify는 React 앱을 무료로 호스팅할 수 있게 해주며, git push
를 통해 앱을 배포할 수 있습니다.
우리가 사용할 기본 설정은 다음과 같습니다:
- Netlify에 프로젝트 설정하기
- 커스텀 도메인 설정하기
- 앱을 위한 CI/CD 파이프라인 만들기
또 다른 방법으로는 React 앱을 S3에 배포하고 CloudFront를 CDN으로 사용하는 방법이 있습니다. 이 경우 Route 53을 사용해 커스텀 도메인을 설정합니다. www 버전의 도메인도 설정해야 하며, 이를 위해 또 다른 S3와 CloudFront 배포가 필요합니다. 이 전체 과정은 다소 번거로울 수 있습니다. 하지만 AWS 계정에서 React 앱을 배포하고 호스팅하는 방법을 찾고 있다면, AWS에 React 앱 배포하기라는 추가 챕터를 참고하세요.
이제 Netlify에 프로젝트를 생성하며 시작해 보겠습니다.
For help and discussion
Comments on this chapter