<div id="readability-page-1" class="page"><div itemprop="articleBody">
 <h2 id="netlify">Netlify</h2>

정적 웹 사이트에 대한 호스팅 및 서버리스 백엔드 서비스를 제공하는 <code>Netlify</code>를 알게 되었고, 
마침 구상 중이던 토이프로젝트를 배포할 때 사용하면 좋겠다고 생각해 간단하게 사용해보기로 했다.

주로 사용하는 <code>Heroku</code>는 PaaS로 서버가 필요하지만, 
<code>Netlify</code>는 프론트엔드만으로 구성된 정적 웹 사이트를 배포할 수 있도록 해준다.

<h2 id="배포해보기">배포해보기</h2>

공식 사이트 <a href="https://www.netlify.com/">www.netlify.com/</a>에서 가입을 진행한다. 
Github, GitLab, Bitbucket 의 repository와 연동되는데 주로 사용하는 <code>Github</code>로 가입했다.

<img src="https://miryang.dev/files/img/netlify/1.PNG" alt="1">

테스트로 배포해보기 위해 <code>Netlify</code>에서 제공하는 <a href="https://templates.netlify.com/">템플릿</a> 중 <a href="https://github.com/gatsbyjs/gatsby-starter-default">Gatsby default starter site</a> 를 클론했다.

내 깃허브 저장소로 push한 뒤, <code>Netlify</code>에서 New site from Git 버튼을 클릭해 repository를 연결한다.

<img src="https://miryang.dev/files/img/netlify/2.PNG" alt="2">

Build Command는 Gatsby의 경우 gatsby build이고, Publish directory는 build 후에 deploy될 폴더로 Gatsby의 경우 public이다.

<img src="https://miryang.dev/files/img/netlify/3.PNG" alt="3">

Deploy Site를 클릭하면 배포가 되며, Site Settings에서 이름을 바꿀 수 있다.

<img src="https://miryang.dev/files/img/netlify/4.PNG" alt="4">

name.netlify.com으로 접속 가능하다. ssl도 무료로 설정을 해주어서 굉장히 편하다.

<img src="https://miryang.dev/files/img/netlify/5.PNG" alt="5">

<img src="https://miryang.dev/files/img/netlify/6.PNG" alt="6">

간단한 사용법은 Github에 정리해두었다.
<blockquote>
 <a href="https://github.com/MiryangJung/netlify-tutorial">https://github.com/MiryangJung/netlify-tutorial</a>
</blockquote>

 </div></div>

MiryangJung

Netlify
정적 웹 사이트에 대한 호스팅 및 서버리스 백엔드 서비스를 제공하는 Netlify를 알게 되었고,
주로 사용하는 Heroku는 PaaS로 서버가 필요하지만,
Netlify는 프론트엔드만으로 구성된 정적 웹 사이트를 배포할 수 있도록 해준다.
배포해보기
공식 사이트 www.netlify.com/에서 가입을 진행한다.
Github, GitLab, Bitbucket 의 repository와 연동되는데 주로 사용하는 Github로 가입했다.
테스트로 배포해보기 위해 Netlify에서 제공하는 템플릿 중 Gatsby default starter site 를 클론했다.
내 깃허브 저장소로 push한 뒤, Netlify에서 New site from Git 버튼을 클릭해 repository를 연결한다.
Build Command는 Gatsby의 경우 gatsby build이고, Publish directory는 build 후에 deploy될 폴더로 Gatsby의 경우 public이다.
Deploy Site를 클릭하면 배포가 되며, Site Settings에서 이름을 바꿀 수 있다.
name.netlify.com으로 접속 가능하다. ssl도 무료로 설정을 해주어서 굉장히 편하다.
간단한 사용법은 Github에 정리해두었다.
https://github.com/MiryangJung/netlify-tutorial

netlify에 정적사이트 배포해보기

댓글