[React] 코딩 타자 연습 사이트 만들기 (17) - 배포하기 Netlify 환경변수 설정

Maple·2024년 10월 30일
0

Netlify 배포하기

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


다른점은 리액트의 기본 빌드 폴더는 build라는 점

Netlify 환경변수 설정

Netlify에서 환경변수를 설정하는 방법은 다음과 같습니다:

1. Netlify 대시보드 접속

  • Netlify에 로그인한 후, 배포된 사이트의 대시보드로 이동합니다.

2. 설정으로 이동

  • 대시보드에서 좌측 메뉴의 "Site configuration"을 클릭합니다.

3. 환경변수 설정

  • 왼쪽 메뉴에서 "Environment Variables" 부분에서 "add a Variables" 버튼을 클릭합니다.

4. 환경변수 추가

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

5. 빌드 재실행

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

이렇게 하면 Netlify에서 환경변수를 성공적으로 설정할 수 있습니다. 필요한 경우, 프로젝트 코드에서 process.env.YOUR_VARIABLE_NAME 형식으로 해당 환경변수를 사용할 수 있습니다.

나의 경우 깃허브 api키의 보안을 위해 해당 방법을 사용했다.

배포 링크 : https://maplesyrup-devtyper.netlify.app/

0개의 댓글