使用 Gatsby 设置内容预览页面

Question

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

我使用交付 API 完成了实时网站的设置，现在尝试设置预览页面。我希望它能够工作，以便当我从内容中单击“打开预览”按钮时，我正在处理的确切草稿会在预览页面上弹出。这样，我可以检查它在实时网站中的外观。

现在在我的 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

如果不进行完全重建，我认为您无法在 Gatsby 中使用实时预览 API。使用与 Contentful 事件挂钩集成的 Netlify 站点可能会很幸运。

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