静态React应用/网页多语言

Question

我花了一个星期来弄清楚这个问题，目前我正在使用盖茨比生成我的静态web应用程序。我已经试过了

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

这是可行的，但仍然不是完美的解决方案。我正在考虑实现React-Intl，但我不确定。它是可能的静态应用程序/网页?

还有其他建议吗?

Answer 1

我们使用Instant作为React的多语言解决方案。我们有一个静态生成的React应用，我们将它部署到S3上，并通过CloudFront提供服务。在你的React路由器中，你可以确保所有的路径都被捕获，比如/en/some-page和/fr/some-page。然后，根据此路由在Instant中设置正确的区域设置，该工具将为访问者提供正确的语言。

Answer 2

我目前的方法是同时使用react-intl和Gatsby-plugin-i18n。所以我保持在Gatsby-plugin-i18n和反应intl的其他一切页面的内容。到目前为止效果还不错