Next.js と TanStack Start 向けの国際化ソリューションをすべて比較・ベンチマークしました。
テストした内容:
以下の組み合わせによる4つのシナリオ
- 動的読み込み(dynamic loading)
- JSONの名前空間(namespaces)によるスコープ管理
測定項目:
- ライブラリサイズ
- ページサイズ
- ページおよびロケールごとの未使用コンテンツのリーク
- コンポーネントサイズ
- ローディング時間、ページ遷移、アプリのリアクティビティ
結果:
一言でまとめると、流行やマーケティングに惑わされないでください。主要なソリューションほど資金が豊富ですが、国際化の課題にはあまりうまく対応できていません。
TanStackレポート
https://intlayer.org/ja/doc/benchmark/tanstack
Next.jsレポート
https://intlayer.org/ja/doc/benchmark/nextjs
ベンチマークリポジトリ
https://github.com/intlayer-org/benchmark-i18n
