[React] heroku 헤로쿠 이용방법 (무료 호스팅)

https://www.heroku.com/

Cloud Application Platform | Heroku

 

1.가입 (필수항목기입, korea,republick, i use another language선택)

2.
create new app누르기
App name:youtube1s
Choose a region: United States

3. 깃허브연결후 세팅들어가기

4.Config Vars 옆 Reveal Config Vars버튼 누르기
옆에 key:REACT_APP_API_KEY넣고, value:내꺼 youtubekey값   >>add

5.deploy들어가서
Manual deploy 에서
Choose a branch to deploy: main
옆 deployBranch버튼 누르기 기다렸다가 초록불체크들어오고 view버튼뜨면 누르기

6.끝 사이트뜨면 보면됨. 주소보내면 다른 사람도 볼 수 있음


헤로쿠 호스팅한 내가 만든 유튜브 링크
https://youtube1s.herokuapp.com/


=>(netlify네트리파이 or 헤로쿠 둘중 하나 골라서 하면 됨)

https://www.netlify.com/

Netlify: Develop & deploy the best web experiences in record time