【问题标题】:How to integrate Storyblok with Shopify's hydrogen如何将 Storyblok 与 Shopify 的氢集成
【发布时间】:2022-10-09 05:13:53
【问题描述】:

我正在尝试将 Storyblok 与 Shopify Hydrogen 集成,但我在任何地方都找不到有关如何执行此操作的任何示例或文档。我之前已经将 Storyblok 与 next.js 集成,所以我有基本的 Storyblok 知识,但我是 Hydrogen 的新手,甚至无法弄清楚在哪里/如何拨打电话以获取我的 Storyblok 内容。有谁知道我忽略的任何文档或有一些我可以学习的示例代码?

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

【问题讨论】:

    标签: storyblok shopify-hydrogen


    【解决方案1】:

    与集成 NextJS 并没有太大区别,因为它们都是基于 React 的框架,您可以使用相同的原理替换 Hydrogen 的 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,并以这种方式遍历数据.我希望这在某种程度上有所帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-04-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-08-09
      • 2020-02-11
      相关资源
      最近更新 更多