코딩/리액트
배포하기 github, netlify
민여
2022. 4. 19. 21:31
publish by github
- repository 생성 후 터미널에 명령어 기입 git remote add origin https:/github.com/minyeokang/url.git git branch -M master git push -u origin master
- 만약안되면 git config —list에 user정보 확인후 안되면 —global헤서 추가해주기
- 일단 package.json파일에 private밑에 “homepage” : “url”. 추가해주고
- 터미널에 yarn add gh-pages 추가해주고
- 다시 package.json에 scripts 부분에 eject밑에 "predeploy": "npm run build", "deploy": "gh-pages -d build" 이렇게 추가
- 터미널에 yarn build
- 터미널에 npm run deploy
- published됐다고 하면 github setting에 branch를 master에서 gh-pages로 변경
- 배포 완료
publish by netlify
- 터미널에 npm install netlify-cli -g
- 설치끝나면 netlify deploy
- 시키는대로 이름같은거 입력하고 나면
- ? publish directory 뜨면 build 입력 → build폴더를 publish할거니까
주의사항은 아까 package.json에 homepage입력했던거 삭제해야 이 habit-tracker 동일하게 배포가능
삭제 후 netlify depoly → build → 배포완료
그런데 실무에서도 그렇듯 이렇게 draft배포를 먼저하고 —prod라는거를 deply 뒤에 붙여서 명령하면
찐 배포 url을 준다
create-react-app에 다양한 배포방법 확인 가능