What is changing?
To achieve this, we have updated our architecture, creating a framework agnostic SDK that serves as a future-proof layer between the frontend and middleware. We are currently implementing this for commercetools, SAP Commerce Cloud, Contentful and Contentstack integrations.
Additionally, we released a brand new version of our UI components library – Storefront UI 2, which is now based on Tailwind CSS and includes basic atomic components and more advanced eCommerce UI elements for both React and Vue.js.
What is SDK?
We introduced a new Software Development Toolkit (SDK) layer in our architecture. The Vue Storefront SDK provides a public interface that exposes a set of predefined methods to communicate with other services, like an eCommerce backend, or a Content Management System (CMS). The SDK is modular and can be extended to support additional services and functionalities. Our SDK uses Typescript methods that provides the followings:
- Connect tools with Vue Storefront
- Handle data & network errors
- Get data such as products, categories, cart, customer etc.
- Manipulate cart and customer data
Is there anything I have to do now to my current implementation to keep things working?
No, there is no need to do anything with the currently operating project to keep it working. We will be introducing new features and fixes leveraging the new SDK based approach, but any future changes can be introduced step by step.
Will I be forced to migrate to the SDK version of Vue Storefront?
No, there is no need to do any urgent migration or refactor. We will provide a migration path and will recommend it in the long run but we will not be enforcing it.
How long will you support the current versions of Vue Storefront 2?
We do not have a strict time limit for the sunset of Vue Storefront 2 support. We plan to support the existing customers for as long as needed.
Will there be a migration path from the current version of VSF to the SDK version?
Yes. We will provide a clear migration path allowing gradual introduction of the new SDK-based architecture.
Is Vue.js still going to be supported?
Yes, Vue.js remains one of key parts of Vue Storefront offer. It will be supported with or without the SDK.
What will be the difference between the React and Vue.JS storefront versions?
The difference will be only in the framework used, the scope of covered functionalities and visual designs will be identical.
What integrations are available with React?
At the moment, we are providing React integrations with commercetools, SAP Commerce Cloud, Contenstack and Contentful.
When will React be available for other integrations?
We'll gradually roll out existing integrations in the new version, and more throughout the year.
We want to use the new integration. What's next?
We will allow a migration scenario where you will be able to use the SDK in your project. Reach out to your Customer Success Manager to discuss your migration path.
What is the roadmap for the old integrations (non-SDK)?
Old integrations will be maintained but we will not be adding new features there.
Is there a difference in pricing between Vue Storefront with or without SDK?
No, the pricing remains the same for both versions of the product.
What is the difference between Atomic Design and the new approach in Storefront UI?
Storefront UI 1 was built around the Atomic Design concept, and we don’t follow it anymore in Storefront UI 2. However, the principles are very similar. Instead of atoms, we provide "Base components", the core concept is exactly the same, they are the smallest building blocks of a frontend, and they are fully customizable
We also provide "Blocks", and they are similar to what we originally called molecules or organisms. They are examples of what you can build from Base components - combination of a few or many Base components. These Blocks will be provided in the docs, and users can copy-paste them into their codebase.
We hope to have covered all the top of the mind questions you might have regarding the new product updates. Should you have further questions, please don’t hesitate to reach out to your Customer Success Manager.