Как интегрировать Storyblok с водородом Shopify

Question

Я пытаюсь интегрировать Storyblok с Shopify Hydrogen и нигде не могу найти примеров или документации о том, как это сделать. Я уже интегрировал Storyblok с next.js, поэтому у меня есть базовые знания о StoryBlok, но я новичок в Hydrogen и не могу понять, где/как даже позвонить, чтобы получить контент Storyblok. Кто-нибудь знает какую-либо документацию, которую я пропустил, или есть пример кода, из которого я мог бы поучиться?

Я использую стартовый проект, предоставленный командой Hydrogen, в качестве основы https://stackblitz.com/edit/shopify-hydrogen-k7bmor?file=README.md&title=Hydrogen .

Answer 1

Это не так уж отличается от интеграции NextJS, поскольку обе они основаны на React, вы можете использовать те же принципы, заменяя компоненты Next для Hydrogen.

В демонстрации Hydrogen вы можете видеть, что он использует запросы GraphQL для передачи данных из Shopify во внешний интерфейс. Вы можете использовать тот же принцип для передачи данных из вашей CMS во внешний интерфейс, но вместо этого используйте API Storyblok.

Просмотрите настройку NextJS Storyblok и используйте эти идеи о том, куда включить конфигурацию API и вызовы. https://stackblitz.com/edit/create-and-render-blog-articles-in-storyblok-and-next-js

В настоящее время я работаю над витриной магазина с Hydrogen, используя Strapi в качестве CMS, и я создал папку для своих вызовов API, затем я ссылаюсь на API, необходимый, скажем, для моего компонента баннера героя или компонента моего раздела новостей, и таким образом перебираю данные. . Я надеюсь, что это поможет в некотором роде.