List

Netlify

The fastest way to build the fastest sites — Netlify

머릿말

JAMStack(JavaScirpt, API, Markup으로만 구성된 스택) 다른 말로는 SPA(Single Page Application)가 유행하면서 이러한 정적 사이트을 쉽게 배포할 수 있는 서비스로 같이 인기를 얻고 있다.

정적 사이트같은 경우 AWS 기준이라면 S3에 파일을 올려놓고 CloudFront를 연결해서 배포하면 별로 어렵지 않지만, 막상 회사에서 운영하려면 S3 버킷 만들고 권한 설정하고 CloudFront 설정하고 하려면 은근히 손이 많이 간다. 한번 설정하면 운영에 대한 노력은 들지 않지만, 막상 이런 스택이 많아지면 은근 귀찮은 일이기도 하다.

Netlify는 이 모든 걸 아주 간단하게 진행할 수 있게 도와준다. 무엇보다 기본적으로 배포는 물론이고 Github에 연동하여 Push 될 때마다 자동으로 빌드, 배포 해주는 서비스로 git push만 해주면 간단하게 적용할 수 있다.

Quick Start

  1. netlify 회원 가입을 한 뒤 “New site from Git” 버튼을 누르면 GitHub, GitLab, Bitbucket에 연결할 수 있다. netlify img2
  2. github로 선택하게 되면 하기 repository중 netlify에 적용할 repo를 선택하면 된다. netlify img1
  3. 몇가지 빌드 셋팅을하고 deploy를 누른다. netlify img3
  4. 이후부터도 저장소에 소스만 푸시하면 바로 빌드가 시작되고(자동 배포가 설정되어 있으면) 사이트가 배포된다. netlify img4

끝?

HTTPS 인증서도 자동으로 Let’s Encrypt에서 만들어서 연결해 주고 자동으로 갱신해 주므로 따로 신경 쓰지 않아도 된다. 이 과정은 AWS에 S3 같은 곳에 배포하는 과정에서 필요한 S3 버킷 생성, 빌드 결과 배포, CDN 연결, HTTPS 인증서 생성 및 연결 등과 비교했을 때 얼마나 간단한지 알 수 있다.

끝이다. 너무나도 간단하게 설정할 수 있으며 나 같은 경우는 Gatsby.js를 통해 정적 웹 사이트를 구성했기 때문에 로컬에서 포스트를 작성하거나 블로그를 수정해서 git에 push만 한다면 바로 빌드되어 배포된다.