Gatsby를 시작하는 빠르고 쉬운 가이드

소개

Gatsby는 React, GraphQL의 기능을 포함하는 오픈 소스 프레임워크이며 우리는 정적 웹사이트와 앱을 구축하는 데 사용되는 단일 프레임워크로 돌아갑니다. 웹 사이트에 빠른 성능을 제공하고 개발자에게 친숙한 경험을 제공하도록 설계되었습니다. 코드 분할과 같은 기본 제공 기능이 많이 있습니다. Gatsby는 현대 웹 개발의 필수 요소가 되었습니다.

시작하다

Gatsby를 사용하면 간단한 CLI 명령을 실행하여 "hello world"상용구 프로젝트를 시작하고 실행할 수 있습니다. Node가 로컬에 설치되어 있다고 가정하고 Gatsby를 전역으로 설치합니다.

npm install -g gatsby-cli

이제 프로젝트를 실행하려는 로컬 디렉토리와 원격 저장소를 생성할 수 있습니다.

gatsby new [SITE_FOLDER_NAME] [URL_OF_STARTED_GITHUB_REPO]

그러면 개츠비 프로젝트에 필요한 모든 파일이 생성됩니다. 이제 src/pages/index.js로 이동하면 사이트의 홈페이지를 제공하는 가장 간단한 반응 구성 요소가 표시됩니다.

export default () => <div>Hello world!</div>

이제 터미널을 열고 다음 명령을 실행하십시오.

gatsby develop

모든 처리가 완료되면 터미널에서 이것을 볼 수 있습니다.



localhost 포트(8000)는 이것과 다를 수 있습니다.

이제 브라우저에서 해당 로컬 호스트 포트 웹사이트로 이동하면 페이지에 hello world가 표시됩니다.

우리는 끝났습니다. 그것은 개츠비를 시작하기 위한 것이었다.