Next.js, SFUI 2, boilerplate & integration
Hi. I can't seem to find the resources in the documentation to fully understand what's the current status and possibilities, so I'll regroup several questions to try to understand better:
- is Next.js compatibility production-ready?
- is there some examples of SFUI 2 usage in a boilerplate/an e-commerce integration (in Vue? in React?)?
- what's the starting point for a new project? A boilerplate? There's currently only a Next boilerplate (https://github.com/vuestorefront/storefront-next13-boilerplate )?
- should an e-commerce integration be adapted to be compatible with Next.js (if it exists for Nuxt)?
- do you have any architecture schema, in the documentation, explaining VSF architecture (and that could answer all my previous questions)?
My goal would be to start a VSF project with PrestaShop integration in Next/React. Is it possible? If not, what's impossible and what are the alternatives?
Thx
GitHub
GitHub - vuestorefront/storefront-next13-boilerplate: Vue Storefron...
Vue Storefront Next 13 Boilerplate. Contribute to vuestorefront/storefront-next13-boilerplate development by creating an account on GitHub.
5 Replies
Hey @themaximax π
Wil ltry to answer all your questions now π
- NExt.js is fully supported, since SDK is completely framework agnostic and can work with any framework/meta-framework.
- You can find minimal examples and playgrounds here:
- Vue - https://play-vue.vuestorefront.io/
- React - https://play-react.vuestorefront.io/
Otherwise, you can see SFUI2 in action in Next13 boilerplate (the link you sent).
- Right now we only have Next boilerplate and working on Nuxt, should be ready quite soon. The starting point will be either boilerplate or a project completely from scratch (for now)
- Old integrations are impossible to adapt, since they were built as part of Nuxt application and using completely different architecture.
- https://docs.vuestorefront.io/sdk/sdk/ - you can find architecture diagram here and also attaching one that I created for workshops
With regards to your main question - for now PrestaShop is only available for Nuxt2 (VSF2 architecture) and is not yet supported for new SDK architecture. We are working with our partners to start the work on PrestaShop integration with the new SDK architecture, but it's very far in the future.
So, technically, the answer is - no, you can't build a React version, since previous architecture was developed solely for Vue2 / Nuxt 2. You can use those if it works for you.
SDK overview | Vue Storefront 2 for Vue Storefront SDK
Documentation for the Vue Storefront SDK integration for Vue Storefront 2
Thx @skirianov for the clarification, it's helping a lot.
So, as I understand things, VSF2 (https://docs.vuestorefront.io/v2/) and SDK (https://docs.vuestorefront.io/sdk/) are 2 completely different things.
The first one (VSF2) is intertwined with Nuxt2, uses "old" integration (https://docs.vuestorefront.io/v2/integrations/) and can't work with React/Next (nor SFUI2?) but has already many integrations available as it's the "legacy" architecture.
The second one (SDK) is the new, agnostic architecture (compatible with Next/React, Nuxt/Vue, ...) using modules (https://docs.vuestorefront.io/sdk/modules/) and can be used with SFUI2. But there's currently only a Next13 boilerplate and less integrations/modules than the previous VSF2 architecture.
Also, SDK is presented as "Enterprise" (https://docs.vuestorefront.io/sdk/).
Does it mean there is no Open-Source/free version?
As the playgrounds are only to test SFUI, I'll have to look more into https://github.com/vuestorefront/storefront-next13-boilerplate to see how Next, SDK and E-commerce modules work together.
Thx again.
Vue Storefront 2
Vue Storefront 2 documentation
Vue Storefront SDK | Vue Storefront 2 for Vue Storefront SDK
Documentation for the Vue Storefront SDK integration for Vue Storefront 2
Vue Storefront 2
Vue Storefront 2 documentation
Vue Storefront SDK Modules | Vue Storefront 2 for Vue Storefront SDK
Documentation for the Vue Storefront SDK integration for Vue Storefront 2
You've got it very right!
Also, with regards to OS/Free tier there's a Magento SDK https://docs.vuestorefront.io/sdk-magento2/.
Btw, thanks for letting us know about that, we will add another column specifying what is what
Vue Storefront 2 for Magento 2
Documentation for the Magento 2 module for Vue Storefront 2
OK, but Magento SDK is in fact an SDK module. About the SDK itself (https://docs.vuestorefront.io/sdk/) it's marked as Enterprise.
But if we wanted to use Magento SDK module, we'd need also the SDK. So is there an open-source version of the SDK? Or at least a free version?
Vue Storefront SDK | Vue Storefront 2 for Vue Storefront SDK
Documentation for the Vue Storefront SDK integration for Vue Storefront 2
That's another mistake π
SDK is Open Source and free too -_-