gatsbyjs/gatsby

어떤 프로젝트인가요?

핵심 기능

• 01소스 플러그인을 통해 Markdown, 헤드리스 CMS, REST 또는 GraphQL API에서 데이터를 가져옵니다.
• 02모든 데이터를 일관된 GraphQL 인터페이스로 제공합니다.
• 03페이지마다 정적 렌더링, 지연 정적 렌더링, 서버 사이드 렌더링을 지원합니다.
• 04코드 분할, 이미지 최적화, 지연 로딩을 자동화합니다.
• 05CDN에서 호스팅할 수 있는 정적 결과물을 빌드합니다.

활용 사례

• 헤드리스 CMS를 기반으로 콘텐츠가 많은 블로그나 마케팅 사이트를 구축할 때.
• 정적 사이트의 성능을 유지해야 하는 이커머스 스토어나 사용자 대시보드를 만들 때.
• 서버 비용을 최소화하면서 CDN에서 사이트를 호스팅할 때.

빠른 시작

1. 1

   새 프로젝트를 초기화합니다

   npm init gatsby
2. 2

   새 사이트 디렉터리로 이동해 개발 모드를 시작합니다

   cd my-gatsby-site/ npm run develop
3. 3

   http://localhost:8000을 열고 src/pages/index.js를 편집합니다

토픽

자주 묻는 질문

gatsby은(는) 무엇인가요?

GraphQL을 통해 CMS, Markdown, API에서 데이터를 가져와 빠른 웹사이트와 앱을 구축하는 React 기반 프레임워크입니다. Gatsby는 웹사이트와 앱을 구축하기 위한 React 프레임워크입니다. 소스 플러그인을 통해 Markdown 파일, Contentful이나 WordPress 같은 헤드리스 CMS, REST 또는 GraphQL API 등에서 데이터를 불러온 뒤, 이를 하나의 GraphQL 인터페이스로 제공합니다.

gatsby은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

gatsby은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

gatsby은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. gatsby의 마지막 커밋은 2026년 10월 20일입니다.

gatsby은(는) 어디에 사용할 수 있나요?

헤드리스 CMS를 기반으로 콘텐츠가 많은 블로그나 마케팅 사이트를 구축할 때. 정적 사이트의 성능을 유지해야 하는 이커머스 스토어나 사용자 대시보드를 만들 때. 서버 비용을 최소화하면서 CDN에서 사이트를 호스팅할 때.

gatsby는 어떻게 설치하나요?

새 프로젝트를 초기화합니다: npm init gatsby 새 사이트 디렉터리로 이동해 개발 모드를 시작합니다: cd my-gatsby-site/ npm run develop http://localhost:8000을 열고 src/pages/index.js를 편집합니다

gatsby은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/gatsbyjs/gatsby