web-dev-qa-db-ja.com

Gatsby JSで国際化/ローカリゼーションを処理する方法は?

ローカライズされたコンテンツを使用して、静的サイトを世界中のさまざまなローカルに公開したいと思います。

これをどのように達成しますか?

12
thomfoolery

コミュニティプラグインがあります gatsby-plugin-i18n これは "react-intl、i18next、またはその他のi18nライブラリで[…]を使用できます。このプラグインは使用しません。メッセージを翻訳すると、言語ごとにルートが作成されるだけで、必要に応じて言語ごとに異なるレイアウトを使用できます。 "(プラグインREADMEを引用)。

その最初のリリースは2017年8月30日ですので、その間にすでにそれを見つけたのではないでしょうか?!

2
fk_

最近、多言語URLルートとブラウザー言語検出の機能を備えたデフォルトのGatsbyスターターを追加しました。 (デモ)

gatsby-starter-default-intl

特徴:

  • react-intl によって提供されるローカリゼーション(多言語)。

  • browser-lang によって提供されるブラウザでのユーザーの優先言語に基づく自動リダイレクト。

  • 単一のページコンポーネント内で多言語のURLルートをサポートします。つまり、pages/en/index.jspages/ko/index.jsなどの個別のページを作成する必要はありません。

  • gatsby-starter-default に基づいており、変更は最小限です。

2
Daewoong Moon

fyi: ブログ投稿 そのコミュニティプラグインの使用方法を段階的に説明しています gatsby-plugin-i18n と組み合わせて i18next (- react-i18next

1
adrai