Gatsby를 어떻게 적용할 수 있을까? (+ gatsby에 typescript 적용하기)
1
AI 요약
이 글은 AI가 원문을 분석하여 핵심 내용을 요약한 것입니다.
Gatsby와 TypeScript 적용하기
이 게시물은 Gatsby.js의 개념과 적용 방법, 그리고 TypeScript를 Gatsby 프로젝트에 통합하는 과정을 소개합니다.Gatsby 및 JAM Stack 소개
- Gatsby는 React 기반의 JAM Stack 정적 사이트 생성기
- JAM Stack은 사전 렌더링된 파일을 CDN에서 제공하여 빠른 로딩과 보안을 제공
- Next.js, Gatsby, Jekyll 등이 대표적인 JAM Stack 프레임워크
Gatsby 사용 이유
- React 생태계와의 호환성
- 빌드 시 정적 HTML 생성으로 빠른 렌더링과 SEO 우수
- 너드팩토리에서 기술블로그 및 VODA 서비스에 적용 중
TypeScript 적용 방법
- gatsby-plugin-typescript 설치 및 플러그인 추가
- tsconfig.json 생성 후 환경에 맞는 설정 적용
- webpack alias 설정으로 경로 편의성 제공