시작

터미널에서 아래 명령을 입력합니다.

npx gatsby new my-portfolio https://github.com/pofoldev/pofol-dev-starter

npx는 자바스크립트 패키지가 가지고 있는 명령어를 실행하는 명령어 입니다. 위 명령을 실행하면 ``gatsby명령이 들어있는gatsby-cli를 설치한 후 gatsby new``` 명령어를 실행합니다.

갯츠비 스타터

갯츠비는 스타터라고 하는 다양한 수정할 수 있는 기반이 되는 웹사이트가 존재합니다. 기존에 존재하는 스타터를 기반으로 수정하는 방식으로 사이트를 만들 수 있습니다.

우리는 방금 pofol-dev-starter 라는 스타터를 기반으로 프로젝트를 만들었습니다.

개발

cd my-portfolio
npx gatsby develop

gatsby develop은 개발을 할 수 있게 내 컴퓨터에서 gatsby로 만들어진 사이트를 띄워주는 명령입니다. 실행 결과를 보면 http://localhost:8000 에서 접근이 가능하다는 메세지가 보입니다. http://localhost:8000로 들어가면 다음과 같은 화면이 뜰겁니다.

스크린샷

이제 Gatsby로 개발을 할 준비가 되었습니다.