코딩/리액트

배포하기 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에 다양한 배포방법 확인 가능