ローカライズされたコンテンツを使用して、静的サイトを世界中のさまざまなローカルに公開したいと思います。
これをどのように達成しますか?
コミュニティプラグインがあります gatsby-plugin-i18n これは "react-intl、i18next、またはその他のi18nライブラリで[…]を使用できます。このプラグインは使用しません。メッセージを翻訳すると、言語ごとにルートが作成されるだけで、必要に応じて言語ごとに異なるレイアウトを使用できます。 "(プラグインREADMEを引用)。
その最初のリリースは2017年8月30日ですので、その間にすでにそれを見つけたのではないでしょうか?!
最近、多言語URLルートとブラウザー言語検出の機能を備えたデフォルトのGatsbyスターターを追加しました。 (デモ)
特徴:
react-intl によって提供されるローカリゼーション(多言語)。
browser-lang によって提供されるブラウザでのユーザーの優先言語に基づく自動リダイレクト。
単一のページコンポーネント内で多言語のURLルートをサポートします。つまり、pages/en/index.js
やpages/ko/index.js
などの個別のページを作成する必要はありません。
gatsby-starter-default に基づいており、変更は最小限です。
fyi: ブログ投稿 そのコミュニティプラグインの使用方法を段階的に説明しています gatsby-plugin-i18n と組み合わせて i18next (- react-i18next )