Netlify로 베포하기
Netlify란?
Netlify는 깃허브(Github), 깃랩(GitLab) 등과 계정 연동 및 쉬운 호스팅을 제공하고 CDN, Continuous Deployment(지속적 배포), One-Click HTTPS 제공 등 고성능 사이트 / 웹 응용 프로그램을 제작하는데 필요한 쉽고 빠른 다양한 서비스들을 제공한다. node.js 계열 호스팅에 유용하다.
왜 여기서 베포하려고 하는가?
이제 프로젝트를 기능적인건 다 만들고 이제 베포를 해봐야겠다 싶어서였고,
zero-gg할때는 버셀로 베포를 했기에, 이번엔 Netlify를 이용해서 베포하고자 했습니다.
다만 아쉬운건 처음 이걸 했을때 레포를 만들었을때 잘 모르는 상태서 개인레포를 만들어서 프로젝트를 진행했기에 레포의 주인인 본인이 베포를 직접 혼자 했습니다.
사이트를 접속하고 회원가입을 합니다.
Git Repo를 통해서 베포를 해야하니 GitHub으로 가입을 합시다.
빌드 설정하기
빌드를 설정해야하는데 차례대로 항목을 말하자면
Branch to deploy : 배포할 깃허브 Branch 선택
Base directory: repository 안에 client로 베포를 해야하기에 클라이언트 파일명을 적어주면 됩니
다.repository가 프론트 하나로 되어있는 레포일 경우는 아무것도 입력 안 해도 된다. 즉, 배포해야 될 react 프로젝트의 루트 경로를 입력하면 됩니다.
Build command : 빌드 명령어 입력 ex) npm run build
Publish directory : 빌드가 완료된 후 생성된 폴더 이름 ex) dist or build
이러고 빌드하면 베포가 됩니다. 2분정도 기다려야해여
만약 파이어베이스를 쓰게 된다면,
지정해둔 .env파일의 환경변수를 Netlify에도 배포를 해줘야합니다.
설정하는곳은 여기에요
