1. Gatsby 프로젝트 생성
npx gatsby-cli new '[프로젝트명]'
이후 생성된 폴더로 이동해 gatsby develop 명령어 실행
gatsby develop
로컬 서버 동작 확인 후 디렉토리 세팅
2. 디렉토리 세팅
Root
ㄴcontent : 블로그 포스트 관련 파일 저장
ㄴ src
ㄴ components : React 컴포넌트 저장
ㄴ hooks : 커스텀 Hooks 저장
ㄴ pages : 페이지 컴포넌트 저장 -> 브라우저에서 pages 디렉토리의 파일들에 접근하기 때문에
다른 컴포넌트 배치하면 절대 안됨
ㄴ templates : 게시글 페이지같이 페이지의 역할을 하면서 같은 형식의 여러 컨텐츠를 보여주는 컴포넌트를 저장
Gatsby에서 제공하는 API를 통해 이 디렉토리에 저장된 템플릿 컴포넌트로 여러 페이지 만들기 가능
안쓰는 라이브러리 제거
- gatsby-plugin-manifest : PWA (progressive web app)
- gatsby-plugin-gatsby-cloud : Gatsby Cloud