GatsbyJS란?

React 기반의 정적 HTML 페이지 생성기로 기존에 블로그 제작에 많이 사용되었던 Jekyll와 비슷하다

시작하기

GatsbyJS 설치하기

$ npm install -g gatsby-cli

프로젝트 생성

• 기본적인 default 생성 방법과 starter pack 을 사용하는 두가지 방법이 있는데, 포트폴리오 또는 블로그를 빠르게 구축하고 싶을 경우 starter pack 을 사용하면 된다.

default 방식

//default
$ gatsby new [프로젝트 이름]

starter pack 사용 방식

아래 홈페이지에 들어가 원하는 템플릿을 선택한 후 표시된 git주소가 포함된 명령어를 실행하면 된다.

https://www.gatsbyjs.com/starters/?

$ gatsby new [프로젝트명] https://github.com/gatsbyjs/gatsby-starter-datocms-homepage

실행하기

다음 명령어로 서버를 실행 시키고 http://localhost:8080 에서 빌드된 브라우저를 확인할 수 있다

$ gatsby develop

또는

$ npm start