반응형

Netlity는 GitHub, GitLab 등과 계정 연동 및 쉬운 호스팅을 제공하며, CDN, Continuous Deployment(지속적 배포), One-Click HTTPS 제공 등 고성능 사이트 / 웹 응용 프로그램을 제작하는데 필요한 쉽고 빠른 다양한 서비스들을 제공합니다. 이번 포스팅에서는 Netlity로 Github의 레파지토리를 디플로이 해보겠습니다.

 

1. [홈페이지 접속 후 로그인]

아래의 Netlify 홈페이지로 접속하여 우측 상단의 Log in을 클릭해 로그인합니다.

Netlify 홈페이지

 

Netlify: Develop & deploy the best web experiences in record time

A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free!

www.netlify.com

 

GitHub를 이용해 로그인합니다.

 

Github 계정으로 로그인하고 접근을 승인합니다.

 

Netlify가 요구하는 정보를 작성합니다.

 

계정 연결이 끝난 후 Team화면입니다.

 

2. [레파지토리 연결]

위의 Team 화면에서 New site from Git 버튼을 클릭합니다. GitHub의 레파지토리를 연결하기위해 GitHub 버튼을 클릭합니다.

 

클릭하면 연결된 GitHub 계정의 레파지토리 목록이 조회됩니다. 디플로이할 레파지토리를 선택합니다.

 

Branch, Base directory, Build command, Publish directory를 설정해줍니다.

Base directory는 github에 올라간 최상위 폴더로 설정합니다.

Publish directory는 index.html이 있는 폴더를 지정합니다. 디폴트 설정에서는 dist 폴더 내부에 index.html가 만들어 집니다.

 

 

 

설정이 끝나고 Deploy log에서 빌드 진행 과정을 볼수있습니다.

log에서 사이트가 작동한다는 Site is live 메시지를 확인할 수 있습니다.

 

3. [서브 도메인 변경]

상단의 탭에서 Site settings를 클릭합니다.

 

Change site name 버튼을 클릭합니다.

 

서브 도메인의 이름을 변경할수 있습니다.

 

변경된 도메인이 적용된것을 확인할 수 있습니다.

변경된 서브 도메인

 

여기까지 Netlify, Git Hub 연동 후 디플로이 하기 포스팅을 마치겠습니다.

 

반응형

+ Recent posts