Newbie - Fetching product data from rest API
Hi all,
I am trying to evaluate VSF for a demo I am building. I am getting a bit lost right from the beginning when trying to generate my VSF project. In the CLI asks me for an e-commerce platform to integrate with, do I need to have one or can I work without it? My goal is simply to render products from an API containing product detail, pricing and stock levels.
I tried to clone the ecommerce-integration-boilerplate and use that as a custom platform but I still get a lot of errors when trying to create the project.
Is there something I am missing here?
7 Replies
Hi @larre. π , We're in a bit of a transition currently, sorry for the confusion
When creating a store via the CLI, it uses VSF2 which is based on Nuxt2.
However, we have a new SDK based architecture which seems like the better way to go if you're just starting out.
Can you tell me about the API you're planning on pulling the data from?
For example, is it an eCommerce backend like SAP, Magento etc?
Thanks @.rohrig, no reason to be sorry, I am super impressed by the fast reply BTW π
Well the API is an Occtoo destination. The basics of the Occtoo platform is to unify various data sources such as PIM, ERP, OMS, CMS and so on and then make it available in a custom scaled API. In this case I was planning on setting up a REST-API containing products information, images, stock and price.
So we (Occtoo) is not an e-commerce engine, we are an Experience Data Platform that would bring the experience data while an OMS or e-commerce engine would handle the commerce operations in that case.
It sounds like you need a custom integration. https://www.youtube.com/watch?v=QdNRrZ6R-mI&ab_channel=VueStorefront
Vue Storefront
YouTube
Build a frontend-agnostic integration for your headless backend | S...
Our Newsletter: https://vuestorefront.io/developer-newsletter
Boilerplate Repo:
https://github.com/vuestorefront/integration-boilerplate
Storefront UI
https://docs.storefrontui.io/v2/
Join us on Discord:
https://discord.vuestorefront.io/
GitHub
GitHub - vuestorefront/integration-boilerplate: Framework Independe...
Framework Independent boilerplate containing SDK and API Client starters. - GitHub - vuestorefront/integration-boilerplate: Framework Independent boilerplate containing SDK and API Client starters.
Vue Storefront Docs
Creating a Custom Integration
If you're looking to create a custom integration for Vue Storefront, you're in the right place. This guide will walk you through the process of creating a custom integration from scratch.
When you create a custom integration, you get a playground (nuxt or next app), with the integration already set up for you.
check out the video and the docs and let me know if you have any questions from there and I'll be happy to help you π
Thanks a lot, I'll look into these going forward.