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との相互運用性を提供。