i18n-at

型安全な Next.js App Router 向け国際化ツール

特徴

🏆 型安全性 TypeScript の完全サポートで、メッセージキーとパラメータの型チェックを提供

📍 コロケーション コンポーネントと翻訳メッセージを同じ場所に配置

🚀 IDE サポート 翻訳メッセージへのコードジャンプ機能

⚡ 高性能 サーバーサイドレンダリングと静的サイト生成に最適化

クイックスタート

npm install i18n-at

サンプルコード

import { defineMessages, useI18n } from "i18n-at";

const messages = defineMessages({
  greeting: "こんにちは、{name}さん！",
  itemCount: "{count}個のアイテム",
});

export default function MyComponent() {
  const { t } = useI18n();

  return (
    <div>
      <h1>{t(messages.greeting, { name: "ユーザー" })}</h1>
      <p>{t(messages.itemCount, { count: 5 })}</p>
    </div>
  );
}

なぜ i18n-at を選ぶのか？

従来の i18n ソリューションとは異なり、i18n-at は：

• 翻訳メッセージとコンポーネントのコロケーションを実現
• TypeScript による完全な型安全性
• IDE でのメッセージ定義へのジャンプ機能
• Next.js App Router に完全対応

スタートガイドを読む →