如何将Netlify CMS改为Strapi CMS？

Question

我是这个前沿世界的新手，我对React和GraphQL有一些了解，这就是为什么我决定尝试用Gatsby实现一个测试博客，因为它看起来很受欢迎，而且很容易使用。

我还想让我的手进入到物质UI，所以我使用这个盖茨比启动器：https://www.gatsbyjs.org/starters/Vagr9K/gatsby-material-starter

这个入门程序似乎包括了与Netlify CMS的集成，所以我想改变它，并开始使用Strapi ，这样我就可以在那里获得内容。

知道怎么做吗？

Answer 1

在你的问题中有很多东西，如果没有，我会一步一步地回答它，如果你需要更多关于如何创建页面的细节，请告诉我，如果需要的话，我会更新我的答案来添加更多的细节。

如果您想将源代码从Netlify更改为斯特拉皮，则需要在gatsby-config.js中设置它，将gatsby-plugin-netlify-cms插件替换为类似的内容：

  {
    resolve: `gatsby-source-strapi`,
    options: {
      apiURL: `http://localhost:1337`,
      queryLimit: 1000, // Default to 100
      contentTypes: [`article`, `user`],
      //If using single types place them in this array.
      singleTypes: [`home-page`, `contact`],
      // Possibility to login with a strapi user, when content types are not publically available (optional).
      loginData: {
        identifier: "",
        password: "",
      },
    },
  },

请注意，您必须安装所需的插件并删除不必要的插件，以减少包包，并在使用启动程序时提高性能。

下一步是使用GraphQL从源CMS (文章、帖子、页面等)创建页面。也许这个博客帮你。但是，作为简短的总结，您需要在gatsby-node.js中创建查询，以便从Strapi检索数据，并使用Gatsby的API创建页面。

这个想法和从您开始时的想法是一样的，但是，您将使用Strapi提供的对象，而不是在页面创建中使用gatsby源文件系统和allMarkdownRemark。您可以使用gatsby开发和输入图形来检查查询和可用对象。

请记住，您将始终从多个源查询静态数据(即:预先下载的数据)，因此在运行develop命令时，可以通过GraphQL下载和访问数据。

您可以在它的起动机储存库中查看进一步的信息。