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

Question

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

我使用传递API完成了实时网站的设置，现在尝试设置预览页面。我想让它工作，以便当我点击＆＃34;打开预览＆＃34;从内容按钮，我正在制作的确切草稿弹出预览页面。通过这种方式，我可以查看它在实时网站中的样子。

现在在我的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（或者您正在构建的任何位置）以使用适当的令牌和主机来获得所需的结果。