Build a frontend-agnostic integration for your headless backend | SDK integration for Vue Storefront

Our Newsletter: vuestorefront.io/developer-ne...
Boilerplate Repo:
github.com/vuestorefront/inte...
Storefront UI
docs.storefrontui.io/v2/
Join us on Discord:
discord.vuestorefront.io/

[@thilinachathuranga4622]

@VueStorefront team , i have created a simple custom headless backend sdk by using above mechanism. Please guide how to integrate my sdk with vue store front frontend project.Any tutorial?

[@Alex-bc3xe]

This is just a playground for your backend API, if you want to integrate it in your vue store frontend project just add this add this sdk you made instead of the default ones from alokai. Read documentation for SDKs.

[@brahim_boussadjra]

Does this example use nuxt 2 or 3?

[@useAlokai]

Nuxt 3 😃

[@lavleshdubey6931]

same for NextJs ?

[@useAlokai]

When you run the CLI you can select NextJs as a playground. It’s not a final store but rather a playground to test your new enpoints

[@sebastianklocke9780]

Okay, and what's the next step? How do I use this middleware now in a new shop?

[@GouravAmbekar521]

I have the same question. I have created a store using magento 2 integration, now I want to get rid of it and use this for Vue Storefront store. Can someone from vue storefront team hel in this regard.

[@lavleshdubey6931]

getting error when i am apply for nextJs src\pages\methods\getSomething.tsx (10:17) @ async hitExampleMethodApi 8 | 9 | const hitExampleMethodApi = async () => { > 10 | const data = await sdk.boilerplate.getSomething('test'); | ^ 11 | 12 | setData(data); 13 | };

[@useAlokai]

Hi, I just checked and it seems to be working fine with Nextjs as well. Did you run the build command after creating the new endpoint?

[@mijhaelandressamaniegomuno28]

I get the same error

[@konradbysiek9147]

@@useAlokai error is still there for Next + npm - `node:events:505 throw er; // Unhandled 'error' event ...`