(블챌용) GatsbyJS

https://blog.banksalad.com/tech/build-a-website-with-gatsby/

---

소개

• React 기반의 정적 사이트 생성 프레임워크 (JAM Stack 기반) aka. 블로그 생성기
• CSR과 SSR, lazy loading을 적절히 섞어 사용

특징

1. React 기반
2. GraphQL을 통한 데이터 관리
3. 정적 사이트 생성
4. 플러그인과 테마
5. 최적화된 성능
6. SEO

Gatsby의 장점

• 빠른 로딩 속도와 SEO 향상
  • 정적 사이트로 미리 생성되기 때문에 페이지 로딩이 빠르며, 검색엔진 최적화(SEO)에도 유리합니다.
• 플러그인 생태계
  • 이미지 처리, 분석, 성능 최적화 등 기능을 플러그인으로 쉽게 추가할 수 있어 개발 속도가 빠릅니다.
• React와 GraphQL 학습
  • Gatsby를 통해 React와 GraphQL에 대한 지식을 확장할 수 있습니다.

Gatsby의 단점

• 초기 빌드 시간
  • 콘텐츠가 많거나 사이트가 커질수록 초기 빌드 속도가 느려질 수 있습니다.
• 제한적인 동적 콘텐츠 지원
  • 정적 사이트에 최적화되어 있어, 동적 콘텐츠를 구현하려면 별도의 서버리스 함수나 클라이언트 측 데이터를 추가로 설정해야 합니다.

Gatsby의 주요 사용 사례

• 블로그, 마케팅 페이지, 포트폴리오 웹사이트
• 전자상거래 웹사이트
• 문서 사이트 (예: 기술 블로그)