github로 리액트 어플리케이션 배포하기

우선 기존의 API_key 를 .env 파일에 옮긴다.

위치시킬때, 루트에 위치해야한다. (src 폴더내부가 아님)

 

이제 process.env.REACT_APP_MOVIE_DB_API_KEY로 해당 api key에 접근할 수 있게 된다.

 

.gitignore 에 .env 파일이 없어서 추가해주었다.

 

 

그후 yarn add gh-pages --save-dev 를 설치한다. 

 

이제 배포를 하기위한 url 을 설정해준다.

https://[본인깃허브아이디].github.io/[레포명]

 

또한 배포를 위한 scripts 도 작성을 해주어야한다.

 

이제  basename 을 설정해준다.

 

마지막으로 배포 명령어를 실행한다.

yarn deploy

 

 

나의 리액트 프로젝트를 간단하게 배포할 수 있었다.

https://ehddud1006.github.io/github-deploy/

React App