aymericzip/intlayer

Per-component Internationalisation solution for JS application. Type-Safe. Translate with AI. Edit Visually.

해결하는 문제

Intlayer는 기존 국제화(i18n) 라이브러리의 복잡성과 유연성 부족을 해결합니다. 번역을 해당 컴포넌트에 가까이 위치시키고 AI를 활용해 번역 프로세스를 자동화함으로써 웹 및 모바일 애플리케이션의 다국어 콘텐츠 관리를 간소화합니다.

작동 방식

Intlayer는 컴포넌트와 동일한 폴더에 있는 JavaScript/TypeScript 파일에 번역을 정의하는 '컴포넌트별 콘텐츠 선언 시스템'을 사용합니다. 전용 컴파일러가 이 콘텐츠를 추출하고 사전 파일을 생성합니다. 이 시스템은 프레임워크에 의존하지 않으며 Next.js, React, Vite, Vue.js, Nuxt 등 주요 프레임워크를 지원합니다.

대상 사용자

다국어 애플리케이션을 개발하면서 타입 안전하고 체계적인 코드베이스, 그리고 원활한 번역 워크플로우를 원하는 개발자, 그리고 제공되는 무료 비주얼 에디터와 CMS를 사용해 번역을 관리할 수 있는 콘텐츠 작가.

주요 특징

  • AI 기반 번역: 자체 AI 제공업체와 API 키를 사용해 200개 이상의 언어로 번역 가능.
  • 비주얼 에디터 및 CMS: 비기술자용 무료 비주얼 에디터와 CMS를 통해 번역을 관리.
  • 타입 안전: 콘텐츠 정의에 대한 완전한 TypeScript 자동 완성 지원.
  • 트리쉐이크 가능한 콘텐츠: 컴포넌트별로 콘텐츠를 로드하여 번들 크기를 줄이고 지연 로딩을 지원.
  • MCP 서버 통합: IDE에서 i18n 워크플로우 자동화를 제공하는 Model Context Protocol 서버.
  • 다중 프레임워크 지원: Next.js, React, Vite, Vue.js, Nuxt, Preact, Express와 호환.

관련

  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트