Notice
Recent Posts
Recent Comments
Link
«   2025/04   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
Archives
Today
Total
관리 메뉴

JS Dev Blog

netlify로 배포 본문

Development/Project

netlify로 배포

chacot 2022. 6. 17. 14:15

1. https://www.netlify.com/ 에 회원가입 및 로그인

 

2. npm install netlify-cli -g
(터미널에서 입력. netlify-cli를 설치하지 않았을 경우에만)

 

3. public/_redirects 파일을 만들고 아래 내용을 작성한다. (React Routing에 필요)

/* /index.html 200

 

4. npm run build로 프로젝트 빌드

 

5. netlify deploy

 

6. Create & configure a new site 선택

(새로운 사이트를 만들지 선택)

 

7. site name(optional) : 원하는 사이트 이름 입력

사이트 이름은 "입력한 사이트이름".netfliy.app 형태로 생성된다. 이 단계에서 설정하지 않으면 랜덤 문자열로 입력되는데,  나중에 netfliy.com에서 원하는 이름으로 다시 수정할 수 있다.

 

8. Publish directory에 build 입력

 

9. 아웃풋으로 나온 URL에 들어가 잘 동작하는지 확인

 

 

 

참고 블로그 : https://fe-paradise.tistory.com/entry/React-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-Netlify%EB%A1%9C-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0

 

React 프로젝트 Netlify로 배포하기

Create-react-app으로 React 프로젝트를 완성했다면? 완성한 프로젝트를 배포해볼 차례다. 아래의 링크로 들어가보면 https://create-react-app.dev/docs/deployment/ Deployment | Create React App npm run bui..

fe-paradise.tistory.com

 

'Development > Project' 카테고리의 다른 글

NFT Market Project 회고  (0) 2022.06.17
클론 코딩 개인프로젝트 기획  (0) 2022.06.07