변경 감지
지정한 브랜치에 새 커밋이 올라옵니다.
푸시 한 번이 빌드와 CDN 배포까지 이어집니다
Netlify 같은 정적 호스팅은 Git 저장소 변화를 감지해 빌드하고, dist 결과물을 전 세계 CDN에 반영합니다.
의존성 준비
호스팅 서비스가 패키지를 설치합니다.
정적 파일 생성
React 앱이 HTML, CSS, JS 파일로 묶입니다.
배포 반영
dist 폴더의 결과물이 서비스에 게시됩니다.
사용자 접근
가까운 CDN 엣지에서 정적 파일을 내려 초기 로딩 지연을 줄입니다.
반드시 맞출 값
Branch
자동 배포를 감지할 브랜치를 선택합니다.
Build command
Vite 기준으로 npm run build를 사용합니다.
Publish directory
빌드 결과 폴더인 dist를 게시 대상으로 둡니다.
요약 경로
push
build
dist
CDN