如何将Storyblok与Shopify的氢气集成



我正在尝试将Storyblok与Shopify Hydrogen集成,但我在任何地方都找不到任何关于如何做到这一点的示例或文档。我以前曾将Storybok与next.js集成过,所以我有基本的Storyblok知识,但我对Hydrogen还很陌生,甚至不知道在哪里/如何打电话获取我的Storybok内容。有人知道我忽略的任何文档吗?或者有一些可以学习的示例代码吗?

我正在使用氢能团队提供的启动项目作为我的基础https://stackblitz.com/edit/shopify-hydrogen-k7bmor?file=README.md&title=氢

这与集成NextJS没有太大区别,因为它们都是基于React的框架,您可以使用相同的原理来取代氢的Next组件。

在Hydrogen演示中,您可以看到它使用GraphQL查询将数据从Shopify传递到前端。您可以使用相同的原理将数据从CMS传递到前端,但可以使用Storyblok的api。

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

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

最新更新