Storyblok与Shopify氢的集成

Question

我试图将Storyblok和Shopify氢集成在一起，但我在任何地方都找不到关于如何做到这一点的例子或文档。我以前已经把Storyblok和next.js集成在一起了，所以我有基本的故事博客知识，但是我对氢还不熟悉，甚至不知道在哪里或者如何调用我的storyblok内容。有人知道我忽略了什么文档或者有一些我可以从中学习的示例代码吗？

我使用氢团队提供的初学者项目作为我的基础https://stackblitz.com/edit/shopify-hydrogen-k7bmor?file=README.md&title=Hydrogen

Answer 1

集成NextJS并没有什么不同，因为它们都是基于反应的框架，您可以使用相同的原则代替下一个组件来代替氢气。

在氢原子演示中，您可以看到它使用GraphQL查询将数据从Shopify传递到前端。您可以使用同样的原则将数据从CMS传递到前端，但可以使用Storyblok的api。

查看一下NextJS Storyblok的设置，并使用这些思想来包含您的api和调用。https://stackblitz.com/edit/create-and-render-blog-articles-in-storyblok-and-next-js

我目前正在使用Strapi作为CMS开发一个带有氢的店面，我已经为我的api调用创建了一个文件夹，然后在例如我的英雄横幅组件或我的新闻部分组件中引用所需的api，并以这种方式遍历数据。我希望这能在某种程度上有所帮助。