Netlify 를 활용한 웹 호스팅

jinseoit·2021년 8월 9일
1
post-thumbnail

🔎Netlify 란

Netlity는 GitHub, GitLab, Bitbucket 등과 연동하여 정적서버로 쉽게 호스팅을 가능하게 하는 서비스 입니다.


👍Netlify의 장점

  1. 클릭 몇번으로 바로 호스팅이 가능하다
  2. HTTPS 제공
  3. CDN Continuous Deployment(지속적 배포) 가능
  4. DNS 적용가능(유료)

💻Netlify에서 사이트 생성

1. https://www.netlify.com/ 로 이동하여 Sign-up(회원가입)클릭

2. 사용하는 원격저장소 플랫폼으로 가입

3. sites -> New site from Git 클릭

4. 호스팅할 소스코드를 가진 저장소 선택

5. 호스팅할 repository를 선택

6. 기본 빌드 설정

  • BuildCommand(빌드 커맨드) : npm start, npm run prod, npm grunt 등 빌드용 명령어 작성합니다. 불필요시 빈값
  • Publish dicectory(정적 디레토리) : public/, dist/로 디렉토리 설정하지만 설정하지 않으면 /(루트로 적용

7. 호스팅된 사이트 확인

8. 필요시 Site name 변경

⚙ Site settings -> change site name 에서 원하는 이름으로 변경


☕마무리

  • 5분만에 호스팅 생성과 배포를 하다니 앞으로 프론트 개발할때 많은 도움이 될 것 같습니다.
  • DNS를 위한 도메인을 Netlify에서 자체생성이 가능하지만(유료) 외부 플랫폼에서 생성한 도메인과도 연동이 가능하니 DNS적용하고 싶으신분은 참고하시면 좋을 것 같습니다.

0개의 댓글