GatsbyJS에서 l10n(지역화) 지원하기 (간단한 함수형을 곁들인)

문제GatsbyJS 정적 사이트에서 다국어 페이지를 안정적으로 생성하고, 루트 경로 접근 시 브라우저 언어에 따라 자동 라우팅해야 했다.

접근Gatsby Node API (createSchemaCustomization, sourceNodes, createPages) 로 언어별 페이지를 빌드 시 생성. fp-ts 함수형 라이브러리와 React Context 로 번역 데이터를 주입, GraphQL Fragment 자동 생성과 useTranslation 훅으로 타입 안정성 확보.

결과/ko/, /en/, /ja/ 다국어 구조와 브라우저 언어 자동 라우팅 완성. 번역 키 자동완성으로 개발자 생산성도 함께 개선.