Hayden's Archive

[Netlify] Netlify로 깃허브 저장소와 연동하여 React 배포하기 본문

Study/DevOps

[Netlify] Netlify로 깃허브 저장소와 연동하여 React 배포하기

_hayden 2021. 9. 2. 18:25

사실 리액트는 헤로쿠로도 배포할 수 있다 ( 참고 : https://blog.heroku.com/deploying-react-with-zero-configuration )

헤로쿠에 주로 서버측 애플리케이션을 호스팅한다면, 네트리파이는 프론트엔드 쪽 정적 웹사이트를 호스팅한다.

헤로쿠는 몇 시간 동안 요청이 없으면 수면 상태로 전환되어 초기 접속이 느려지지만,

네트리파이는 바로 접속이 잘 된다는 장점이 있다.

또한 헤로쿠도 AWS, Azure 등에 비하면 배포가 간편한 편인데 네트리파이는 그보다 더 간편하다.

깃허브 레퍼지토리와 바로 연동해서 특정 브랜치에서 푸시가 일어날 때마다 바로바로 배포를 해준다.

 

아래 블로그 글들을 참고해서 배포를 했다.

처음 해봤는데 다 합쳐서 5분도 안 걸린 듯 ㅋㅋㅋㅋ

 

참고 :

Netlify 로 정적 웹 사이트 배포하기

 

Netlify 로 정적 웹 사이트 배포하기

정적 웹 사이트 (js/html/css만 존재하는 형태)로 서비스 제공이 필요할 때 가장 편하게 구축할 수 있는 방법으로 Netlify가 있습니다. 빌드/배포/호스팅까지 정적 웹 사이트를 제공하기 위한 모든 기

jojoldu.tistory.com

Vue.js GitHub와 Netlify에 배포하기

 

Vue.js GitHub와 Netlify에 배포하기

Vue.js 프로젝트를 Netlify와 Github에 배포해보겠습니다. Netlify로 배포할 경우 Git Repository만 등록한다면 Push만으로 간단하게 배포할 수 있습니다. Github의 경우 따로 Build 된 파일을 저장소에 올려 배

sun-22.tistory.com

React - Netlify 배포하기(+배포 이후에 사이트 이름 변경하는 방법)

 

React - Netlify 배포하기(+배포 이후에 사이트 이름 변경하는 방법)

cmder에서 cd 경로 를 통해 작업중인 프로젝트 폴더로 들어간다. git add *, git commit -m "커밋 메시지"로 모든 커밋을 마친다. yarn build로 build 폴더를 생성한다. npm을 이용해서 Netlify 파일을 글로벌적으

velog.io