[TIL] Netlify 사용법

김민재·2024년 9월 28일
0

TIL

목록 보기
164/172

Netlify를 이용하여 리액트 프로젝트를 배포한다.

  • public 폴더에 _redirects 파일을 생성해주고, /* /index.html 200
    넣어준다.
  • 프로젝트 루트 위치에 netlify.toml 파일 생성
[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200
  force = true
  1. Netlify 회원 가입 및 팀 생성

    • 깃허브 계정과 연동하여 가입한다.
  2. 배포할 깃허브 레포지토리를 클릭한다.

  3. 필드를 적어준다.

         Site name: 원하는 사이트 네임
         Branch to deploy: 원하는 브랜치
         Base directory: 리액트 프로젝트가 있는 폴더
         Build command: npm run build
         Publish directory: frontend/build 빌드 결과가 생성되는 디렉토리
  4. env파일을 적어준다.

  5. 배포를 한다.

  6. 코드에서 npm run build로 build폴더를 생성해준다.

  7. 배포 완료

profile
개발 경험치 쌓는 곳

0개의 댓글

관련 채용 정보