netlify 자동배포

모바일용으로 사이트를 개발했는데 핸드폰으로 확인해본 적이 없어서 "개발자인 나를 위해" 배포한다.

netlify를 선택한 이유

• 가격
  • 매우 중요한 부분이다. 무료.

• github action을 쓰지 않아도 자동 배포가 가능
  • 이전에 "크리스마스에 영화 뭐 볼래?🎄" 프로젝트에서 자동배포 하겠다고 나섰다가 github action v2이 안정화되지 않아서 실패했던 경험이 있다.
• 청년을 부탁해!에서 세팅해본 경험이 없음
  • 앞으로 리팩토링을 할 거라서 내가 이 경험을 갖고 있다면 배포할 때 더 빠르게 에러를 파악할 수 있을 거 같다.

배포 준비

깃허브 레포와 netlify 연결

Import an existing project

배민에서 dev 브랜치에서 테스트한다고 하여 같은 방식으로 선택. 안전하게 가자!

Domain setting에서 이름도 바꿔봤다.

이제 이대로 실행하면 된다.

Deploy details

아주 멋지게 Failed로 나를 환영해주고 있다. styled-reset이 없다고 떠서 설치하고 PR을 날렸더니 멋지게 netlify bot이 와서 확인해주고 있다. never used인 것을 지우지 않으면 허락받을 수 없다.

갑자기 모든 것이 해결되었다.

퍼블리싱 된 나의 사이트. 이상하게 핸드폰으로 보니까 더 안 예쁘다. 이건 무슨 경우일까.

어쨌든 퍼블리싱 성공!