728x90
GatsbyJS란 무엇일까?
GatsbyJS는 React 기반의 정적 페이지 생성 프레임워크이다.
가공할 정보를 GraphQL에서 가져와서 빌드 시점에 정적페이지를 만들어내는 방식
JAM Stack을 활용한 정적 사이트 생성기
<aside> 💡 JAM Stack은 JavaScript, API, MarkUp Stack의 약자로, JavaScript와 API, HTML이나 CSS등을 칭하는 MarkUp으로 이루어진 웹 구성 방법
</aside>
NextJS가 아닌 Gatsby를 사용하는 이유는? NextJS는 정적 사이트 생성의 기능도 있지만, 주로 서버 사이드 렌더링을 위해 사용하는 프레임워크!
즉, 서버와 통신을 하며 요청을 받을 때마다 동적으로 웹 사이트를 생성하는 NextJS와 달리 Gatsby는 서버 없이, 오로지 정적 사이트 생성을 위해 사용하는 프레임워크이다.
ex) 서비스 및 기업 소개 페이지, 블로그, 포트폴리오 등
설치해보자
yarn add gatsby-cli
GatsbyJS 홈페이지 에서 여러가지 라이브러리를 제공하고 있다.
라우팅?
src/pages 폴더 안에 컴포넌트 파일을 만들면 된다.
즉, NextJS와 같게 코딩을 하면 된다
실행방법
yarn develop
참고문서
728x90