Netlify 배포하기
Netlify 로 배포하는 기본적인 방법은 이전에 작성한 글 참고

다른점은 리액트의 기본 빌드 폴더는 build
라는 점
Netlify 환경변수 설정
Netlify에서 환경변수를 설정하는 방법은 다음과 같습니다:
1. Netlify 대시보드 접속
- Netlify에 로그인한 후, 배포된 사이트의 대시보드로 이동합니다.
2. 설정으로 이동
- 대시보드에서 좌측 메뉴의 "Site configuration"을 클릭합니다.
3. 환경변수 설정
- 왼쪽 메뉴에서 "Environment Variables" 부분에서 "add a Variables" 버튼을 클릭합니다.

4. 환경변수 추가
- 환경변수를 추가하려면, "Add a single Variable" 버튼을 클릭합니다.
- Key와 Value 필드에 각각 환경변수 이름과 값을 입력합니다.
- 모든 환경변수를 입력한 후 "Create variable" 버튼을 클릭하여 저장합니다.

5. 빌드 재실행
- 환경변수를 추가한 후에는 변경 사항을 적용하기 위해 사이트를 다시 빌드해야 합니다. 대시보드에서 "Deploys" 탭으로 이동하여 "Trigger deploy" > "Clear cache and deploy site"를 선택하여 재배포를 진행합니다.

이렇게 하면 Netlify에서 환경변수를 성공적으로 설정할 수 있습니다. 필요한 경우, 프로젝트 코드에서 process.env.YOUR_VARIABLE_NAME
형식으로 해당 환경변수를 사용할 수 있습니다.
나의 경우 깃허브 api키의 보안을 위해 해당 방법을 사용했다.
배포 링크 : https://maplesyrup-devtyper.netlify.app/