Netlify로 배포하기

Netlify

github에 있는 프로젝트의 최신 버전을 바로 올릴 수 있다.

https://www.netlify.com/

방법

1. github으로 로그인하기
2. github을 연동해서 가져오고 리스트 중에서 배포할 프로젝트를 선택한다.
3. Basic build settings에서 Build command 부분을 수정해준다.
   웹사이트의 연속 통합 측면 때문에 CI를 작성해주어야 한다.(경고가 있어도 에러나지 않고 작동할 수 있도록 도와줌.)
   CI = yarn build
4. 조금 기다리면 배포 완료.(코드량에 따라 시간 다름.)

redirects 설정

배포된 사이트 주소에 들어가서 가장 안쪽 페이지를 새로고침하면 page not found가 나타난다. 이 문제를 해결하려면 redirects를 설정해주면 된다.

프로젝트의 public 폴더 안에 _redirects 파일을 만들고 아래 코드를 작성한다.

/* /index.html 200

어떤 경로든 index.html로 redirect하고, HTTP 응답 코드가 200(응답 성공)이 되도록.