JS Dev Blog
netlify로 배포 본문
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에 들어가 잘 동작하는지 확인
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 |