スタティックリアクションアプリケーション/ウェブページ多言語

Question

私は静的ウェブアプリケーションを生成するためにgatsbyを使用しています現在、この質問を理解するために1週間を過ごしています。 私はそれが一種作品、まだありませんまさに完璧なソリューションです、それを

-pages 
--en 
---index.js 
---main.md 
---contact.md 
--zh 
---index.js 
---main.md 
---contact.md 

を行うことを試みました。 私は敏感なReact-Intlについて考えているが、わからない。静的なapp/webページが可能ですか？

他の提案はありますか？

Answer 1

InstantをReactの多言語ソリューションとして使用します。私たちはS3に展開してCloudFrontを使って静的に生成されたReactアプリケーションを持っています。あなたはReact Routerですべてのパスが/en/some-pageと/fr/some-pageのように捕捉されていることを確認できます。次に、このルートに基づいて、インスタントで正しいロケールを設定すると、ツールは訪問者に正しい言語を提供します。

Answer 2

私の現在のアプローチは、react-intlとGatsby-plugin-i18nを一緒に使用しています。私はページの内容をGatsby-plugin-i18nに、それ以外のものはreact-intlにしています。これまでのところ全く問題ないです。