contentful - 如何在 Gatsby 中处理 Contentful 内容数据

Question

我有兴趣使用 Gatsby建一个Netlify使用来自 Contentful 的内容的静态网站

Netlify 有这个不错的 Gatsby 入门指南:
https://www.netlify.com/blog/2016/02/24/a-step-by-step-guide-gatsby-on-netlify

但我有点不确定如何将 Contentful 融入其中。我是否需要编写脚本来将我的 Contentful 内容转换为 Gatsby 'markdown'？

任何想法，想法，链接表示赞赏!

Answer 1

自从这个问题被发布后，一个官方的 Contentful 插件被添加到 Gatsby 的收藏中(官方由 Gatsby 团队创建，而不是 Contentful):https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-source-contentful

示例站点的 src 代码在这里:https://github.com/gatsbyjs/gatsby/tree/master/examples/using-contentful

该插件通过 gatsby-transformer-remark 处理 Markdown并生成结果 HTML，您可以通过 Gatsby 的 GraphQL 服务器使用来自 the example proj 的类似查询访问该 HTML。 :

 contentfulProduct(id: { eq: $id }) {
      productName {
        productName
      }
      productDescription {
        childMarkdownRemark {
          html
        }
      }
      price
    }

您可以使用该插件连接到 Content API(对于已发布的 Assets /内容)和/或 Preview API(对于已发布和草稿内容/ Assets )。

我们使用 NODE_ENV从开发中的预览 API 和生产中的内容 API 中提取。