小编jul*_*nsl的帖子

使用 Gatsby 和 Strapi 进行国际化的最佳方式

在我的公司,我们正在使用 Gatsby 框架和 Strapi headless CMS 构建一个静态网站。

我的问题是如何处理i18n?

首先,我知道这是一个困难的问题,没有一个答案,而是根据上下文不同的答案。所以,我将继续我的研究,希望你能帮助我结束这个话题。:)

第一个想法,最简单的,让我们搜索一个插件!

有一个:gatsby-source-strapi-localized

不幸的是,它没有维护,所以,我不会使用它。:'(

好的,第二件事,让我们看看 Strapi 的建议!

Strapi 目前没有 i18n 功能,计划在 2020 年底在路线图上提供

但是有一个变通方法,在字段末尾使用后缀: medium article(同样的想法,您也可以直接为您的类型添加后缀)

所以,现在我们有了字段或类型的后缀,让我们进入第三部分,Gatsby!

这是一场噩梦。XD

实际上,有不同的解决方案可以解决这个问题,但我没有找到我的。:'(

我找到了这篇关于新 i18n gatsby 主题的文章。我下载了启动器以尝试了解它是如何工作的。我的理解是,由于createPage功能,博客页面会以 2 种不同的语言自动生成。创建了 2 个 mdx 文件来存储数据,LocalizedLink组件用于重定向。

这很有趣,但它不太适合我的问题。那么,让我们告诉你我的想法:

剧透警告!:我不熟悉 i18n 的 React 包,我今天早上才发现它们,这就是为什么我可能没有看到答案 ^^'

第一件事是“如何创建好的网址?”为此,我必须选择:

  1. 在我的页面部分创建 2 个文件夹,一个 FR 和一个 EN,它将添加到我的 URL (mySite.org/FR) 中
  2. 使用gatsby-plugin-i18n,它允许您创建 index.fr.js 和 index.en.js 以生成 mySite.org/fr …

internationalization reactjs graphql strapi gatsby

9
推荐指数
1
解决办法
2485
查看次数

标签 统计

gatsby ×1

graphql ×1

internationalization ×1

reactjs ×1

strapi ×1