배포하기

수정 할 기능도 있고 추가로 구현할 기능도 많았지만 1차적으로 배포한 후에 계속 작업을 이어나가려고 합니다.

아래와 같은 방법으로 순차적으로 진행했습니다.

클라우드 DB 이용하기

1. MongoDB 클라우드 셋업
2. Managed MongoDB Hosting | Database-as-a-Service
3. .env에 mongoURI 업데이트

heroku로 백엔드 배포

1. heroku 셋업
2. Cloud Application Platform | Heroku
3. 시작점 설정: Procfile

참고: .env의 내용으로 MONGO_URI을 설정했지만, 해당 파일은 .gitignore에 설정되어있기에
heroku > apps > settings에 들어가 Config Vars 항목에 적용해주면 됩니다.

netlify로 프론트 배포

1. netlify 셋업
2. Netlify: Develop & deploy the best web experiences in record time
3. API base URL 업데이트

Reference

https://dev.to/jamesroyston/how-to-deploy-your-express-mongodb-api-react-frontend-to-heroku-4p8m

https://advenoh.tistory.com/6

https://velog.io/@recordboy/Express-React-연동-및-Heroku에-배포하기

https://krpeppermint100.medium.com/devops-react-express-앱-배포하기-netlify-heroku-b238e057d920

https://velog.io/@ksh4820/react-express-배포Netlify-heroku

https://krpeppermint100.medium.com/devops-react-express-앱-배포하기-netlify-heroku-b238e057d920