我是这个前端世界的新手,我对React和GraphQL有所了解,这就是为什么我决定尝试使用Gatsby来实现一个测试博客的原因,因为它似乎很流行并且易于使用。
我也想进入Material UI,所以我正在使用这个Gatsby入门程序:https://www.gatsbyjs.org/starters/Vagr9K/gatsby-material-starter
此入门程序似乎已包含与Netlify CMS的集成,所以我想更改它并开始使用Strapi CMS,以便在那里可以找到内容。
有关如何执行此操作的任何想法?
您的问题中有很多内容,如果没有,我会尝试逐步解答,如果您需要更多有关如何创建页面的详细信息,请告诉我,等等,我将更新我的答案以添加更多详细信息如果需要。
如果您要将源代码从Netlify更改为Strapi,则需要在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创建页面(文章,帖子,页面等)。也许这个博客helps you。但是,作为简短摘要,您需要在gatsby-node.js
中创建查询以从Strapi CMS检索数据并使用Gatsby的API创建页面。
您可以在其starter repository中查看更多信息。