Intlayer: 애플리케이션 번역을 더 가깝게

Intlayer는 JavaScript 개발자를 위해 특별히 설계된 국제화 라이브러리입니다. 코드 어디에서나 콘텐츠를 선언할 수 있도록 하며, 다국어 콘텐츠 선언을 구조화된 사전으로 변환하여 코드에 쉽게 통합할 수 있습니다. TypeScript를 사용하여 Intlayer는 개발을 더 강력하고 효율적으로 만듭니다.

사용 예제

.└── Components    └── MyComponent        ├── index.content.ts        └── index.tsx

import { t, type Dictionary } from "intlayer";const componentExampleContent = {  key: "component-example",  content: {    myTranslatedContent: t({      en: "Hello World",      fr: "Bonjour le monde",      es: "Hola Mundo",    }),  },} satisfies Dictionary;export default componentExampleContent;

import { useIntlayer } from "react-intlayer";export const ComponentExample = () => {  const { myTranslatedContent } = useIntlayer("component-example");  return <span>{myTranslatedContent}</span>;};

왜 Intlayer를 선택해야 할까요?

• JavaScript 기반 콘텐츠 관리: JavaScript의 유연성을 활용하여 콘텐츠를 효율적으로 정의하고 관리하세요.
• 타입 안전 환경: TypeScript를 활용하여 모든 콘텐츠 정의가 정확하고 오류가 없도록 보장합니다.
• 통합된 콘텐츠 파일: 번역을 해당 컴포넌트와 가까이 유지하여 유지보수성과 명확성을 향상시킵니다.
• 간소화된 설정: 최소한의 설정으로 빠르게 시작할 수 있으며, 특히 Next.js 프로젝트에 최적화되어 있습니다.
• 서버 컴포넌트 지원: Next.js 서버 컴포넌트에 완벽히 적합하여 원활한 서버 사이드 렌더링을 보장합니다.
• 향상된 라우팅: Next.js 앱 라우팅을 완벽히 지원하며 복잡한 애플리케이션 구조에 원활히 적응합니다.
• 상호운용성: react-i18next, next-i18next, next-intl, react-intl와의 상호운용성을 허용합니다.