使用 Gatsby 设置内容丰富的预览页面

Question

我正在使用 gatsby 和 contentful 构建博客页面。

我已完成使用交付设置实时网站 API，现在正在尝试设置预览页面。我希望它能正常工作，以便当我单击内容中的 "Open Preview" 按钮时，我正在处理的确切草稿会在预览页面上弹出。这样，我就可以检查它在实时网站中的样子。

现在在我的 gatsby-config 中，我有两个不同的插件，一个用于预览，一个用于交付。

{
  resolve: `gatsby-source-contentful`,
  options: {
    spaceId: `space-id`,
    accessToken: `preview-access-token`,
    host: `preview.contentful.com`
  }
},
{
  resolve: 'gatsby-source-contentful',
  options: {
    spaceId: 'space-id',
    accessToken:
      'delivery-access-token'
  }
},

像这样。但我不是 100% 确定在此之后我应该做什么。如何使用它制作预览页面？

Answer 1

我不相信您能够在不进行完全重建的情况下将实时预览 API 与 Gatsby 一起使用。您可能会幸运地使用与 Contentful 事件挂钩集成的 Netlify 站点。

无论如何，配置 gatsby-source-contentful 的多个实例不太可能顺利进行。您可能想使用 ENV 来提供 API 和主机，然后配置 Netlify（或您正在构建的任何地方）以使用适当的令牌和主机来获得所需的结果。

使用 Gatsby 设置内容丰富的预览页面

setting up contentful preview page using Gatsby

preview

reactjs

contentful

gatsby