Netlify에 여러 사이트 업로드 방법

netlify는 cloudfire와 같이 정적 웹사이트 및 프런트엔드 애플리케이션을 간편하게 배포, 호스팅, 관리할 수 있는 플랫폼이며 일단 100G 까지는 무료라 사용하기 편리하다. 또한 커스텀 도메인도 역시 적용할 수 있어서 여러모로 좋은 도구이다. 한글로는 나오진 않는데 요새 브라우저 번역이 잘 되어있어서 무리 없이 진행 가능하다.

 

아래처럼 여러개의 site(여기서는 site라고 부른다.)가 있고 기존에  A 프로젝트에서 B 프로젝트로 Cli를 통해서 업로드하려면 아래와 같이 하면 된다.( cli 란 피씨상에서 명령어를 통해 실행되는 command 도구라고 생각하면 된다.)

 

site 홈

---

절차

• 해당 프로젝트 루트로 진입한다.

$cd project

 

• 빌드를 미리한다.

flutter build web --release

 

• 한번 한 사용자들은 설치가 pc에 되어있을 텐데 없을 때 아래 명령어를 통해 cli를 설치한다.
• npm 은   homebrew를 통해 설치 가능(MAC 기준)

npm install -g netlify-cli

 

• netlify에 로그인하면 브라우저가 열리고 거기서 로그인 후 돌아오면 로그인이 되어있다.

netlify login

• Flutter 프로젝트 루트에서:

netlify init

 

• 선택라인이 나오는데 

- Use existing project → 기존 Netlify 사이트 재사용 가능.
- Create & configure a new site → 처음이면 새로 생성.

 

netlify deploy --prod --dir=build/web

 

--prod: 실제 배포 (없으면 preview).

--dir=build/web: Flutter 빌드 폴더 지정.

 

이후 위 그림처럼 배포가 완료되면 수정된 소스로 바뀌어 있을 것이다.

필자는 아래처럼 빌드 스크립트를 만들어서 돌리고 있다.

 

 

---

실행 스크립트

#!/bin/bash

set -e  # 오류 발생 시 즉시 종료

echo "Flutter Web 빌드 시작..."
flutter build web --no-tree-shake-icons

echo "_redirects 파일 복사..."
cp _redirects build/web/_redirects

echo "Netlify에 배포 시작..."
netlify deploy --dir=build/web --prod

echo "배포 완료!"

 

설문 부탁드려용