이제부터 시작하는 Gatsby 설치에서 정적 사이트 빌드까지

Gatsby는 다음 Wordpress라고도 불리는 React 기반 오픈 소스 프레임 워크.

초고속 웹사이트나 블로그, 앱을 쉽게 만들 수 있으며, 지금 가장 주목받고 있는 CMS 툴이기도 합니다.

여기에서는 Gatsby를 앞으로 시작하는 사람을 위해, 설치~정적 사이트의 빌드까지를 바꾸어 해설해 갑니다.

Node 환경 설치



우선 환경의 체크. node는 11.10 이후로 할 필요가 있다.

brew 사용하고 있었으므로, brew로 node를 업데이트한다.

node 들어 있지 않은 사람은 여기 에서 다운로드할 수 있다.
brew upgrade node

// nodeをインストールしてない場合
brew install node

설치가 끝나면 node의 버전 체크.
node -v
v13.11.0

Gatsby 설치


npm install -g gatsby-cli
gatsby new gatsby-site
cd gatsby-site
gatsby develop
http://localhost:8000 방문. 페이지가 표시되면 OK.



정적 사이트 빌드(생성)



명령으로 자동으로 파일을 작성해 준다.
gatsby build

빌드하면 puglic 폴더에 정적 사이트가 생성됩니다. 그리고는 서버에 업하면 Web 사이트를 표시할 수 있다.

Gatsby의 스타터 라이브러리를 사용한 설치



Gatsby는 디폴트뿐만 아니라, 블로그나 Web사이트, 포트폴리오 사이트등의 스타터 라이브러리가 있어, 효율적으로 개발을 스타트할 수 있다.

스타터 라이브러리
htps //w w. tsbyys. rg/s rrs/? v=2

블로그를 만들고 싶은 경우는 이쪽.
gatsby new gatsby-starter-blog https://github.com/gatsbyjs/gatsby-starter-blog

Gatsby 리소스



문서가 확실히 하고 있으므로, 거기 보면 대체로는 알 수 있다.

플러그인이나 라이브러리 등도 링크되어 있으므로 공식 리소스집을 확인해 둡시다.

최신 정보는 Twitter나 Reddit를 활용.
  • 공식 사이트의 리소스 모음
  • Reddit의 Gatsby 널
  • Twitter의 Gatsby 계정
  • 좋은 웹페이지 즐겨찾기