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?...
VueStorefront 1 - spin-up existing codebase on local env.
Hi guys!
I'm having a codebase for the vue storefront v1 connected with magento on the staging website.
I'm trying to spin it up locally somehow, but running
yarn install goes into several issues.
For example:
```...Vue Storefront DigitalOcean Deployment
https://vuestorefront.io/blog/step-by-step-guide-deploying-vue-storefront-on-digitalocean
Following your guide makes the app build and deployment steps successful on DO but actually the app does not work. App is configured to run on 0.0.0.0:8080 (all interface) but the app is listening on a random IP for each deployment. I have attached the screenshots for your reference....
CartPageContent Component
Hey Peeps,
currently I can't find any information on the CartPageContent Component that is used in the Nuxt Boilerplate. It's not part of the documentation so far and also not to be found in the figma file.
- Was this overlooked or where can I find information about it?...
Wrong links in the documentation
Hello everyone, on this page all the links "See the ... for more information" are wrong:
https://docs.vuestorefront.io/magento/composition/list-of-composables.html
Where top get the updated links?...
Vue Storefront and Commercetools
Hi, I'm a beginner and I need a step by step guide to set up Vue Storefront and then integrate it with Commercetools.
If anyone can guide me through it then please let me know.
Also, it would be great if I am able to later host it online on heroku, netlify, etc.
Thank You....
Display custom meta field shopify
Hi guys,
I'm trying to display my custom meta field on my product sheet, but I don't see how to do it. In the dev tools view, the value of my custom meta field does not even appear.
Do I have to do specific manipulations to have access to it?...
connect ECONNREFUSED 127.0.0.1:443
Hello All. I am integrating Vue Storefront with existing Magento 2 BE (Not docker installation). Everything is up but am getting error for graphql query [reason: connect ECONNREFUSED 127.0.0.1:443] and localhost server error [api/magento/customQuery 500 (Internal Server Error]. Installed localhost cert using mkcert.
What am missing? Is it any configuration issue?...
Troubleshooting Shopify Integration with Vue Storefront: Navigational Error
Hi peoples, I'm trying to integrate Shopify with the vue storefront by adding my credentials in .env file and while previewing locally the collections name and products are showing but when I'm trying to navigate to them I'm facing an error.
General question(s) about the "new" Storefront/UI/Boilerplate
Hi folks, a week a ago I did my first steps with the "old" Storefront (vue2, nuxt2) but after some chats here, I learned, that there is a new Version (coming). For example the Storefront UI (just did introduction on the page with nuxt3 and tailwind) and there is also some a kind of middleware (Boilerplate/SDK), I also played with that, thinking I need it for the old Storefron (I was wrong?!).
At first I thought I can't use the new version, because the is no complete Nuxt3 Storefront yet, just the components (there is only one written in React). But it turns out I just need a public list of Products (frontend) from a private ElasticSearch Instance (through middleware?) in the first place, so the Storefront UI ProductCard is enough. I just need to fetch the data
How do I integrate my clean Nuxt3/Storefront UI project with the Boilerplate? Just run two node instances? Or can I integrate the Boilerplate in my nuxt3 project (server side)
Do I even need the Boilerplate or can I just create some custom PHP middleware (we have no node developers here) with some endpoints, or do I miss lot of nice features from the boilerplate?...
Cant override category list query
Hello, try to override categoryList query, but it didn't work
i create custom categoryListQuery with needed key
add this query to magento - customQueries inside middleware config.
funny, but i got image in postman...
How can I build nuxt regardless of typescript errors?
The build failed due to type checking but I would like to avoid put
ts-ignore everywhere and build the project anyway. Is there a config to do this?Vue Storefront SDK testing
Hello, I have some general SKD questions about integration/unit tests, if someone could help:
1. According to the documentation, the afterEach hook (in integration > jest.setup.ts) clears cookies automatically. However, we found that our logged in user session isn’t terminated unless we add our own corresponding function. The session is based on cookies. Do you have any idea why that might be?
2. What’s the purpose of the error unit tests? No matter what error we place in the parameter, the test will still give success.
3. What’s the purpose of RESPONSE_MOCK in the unit tests? It doesn't seem to influence test conclusion....
Change currency symbol
How do I change vue storefront currency symbol display to show "S$" instead of "SGD"? basically everywhere that calls $fc(productPrice)
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)?...
<SfImage /> convert image format.
Hi.
How to convert image to webp and reduce quality by <Sfimage /> (<nuxt-image/>) from magento backend ?
For example:
I pass that url
https://dev.prod.togas.tech/media/togas/image/banner/Ban1M_1.jpg and it not work.
If i'am try do the same formatting, but use image from static folder - its works....
Vue Storefront 2 upgrade path
Hi. We have been working with Vue Storefront 2 for the past 18 months to develop sites with Magento 2.
Now you have released the Magento platform agnostic SDK does this mean you are no longer supporting/updating the Vue Storefront Magento integration?
Vue 2/Nuxt 2 are End Of Life this December. We are trying to assess how we move forward with Vue Storefront. ...
Using templates from Themeforest into VFS
Hi I am building an eCommerce application. There's a demo of Vue Storefront 2 integration with Odoo
https://github.com/vuestorefront-community/template-odoo/tree/f5e00810a8b62dbb175c8ce17138256eb7d75df9
I want to modify the front-end. So I has bought an Ecommerce Template built with VueJS, Nuxt 2 from themeforest. Like this
https://themeforest.net/item/martfury-multipurpose-marketplace-vuejs-ecommerce-template/27380624
...
i cant seem to find my way here. looking for demo.vuestorefront theme
i see tailwind mentioned all over the place, but is there no theme like the demo theme available?
I installed the VSF and in the default components there is no tailwind. i found the tutorial on how to install tailwind and vue using storefront ui.
But after installing storefront ui, is it the idea that i should replace all the default vue files manually?
i was expecting the demo theme to be available.. was i wrong?...
What makes a CMS good for Vue Storefront?
Hi, I am in the process of choosing a CMS to manage the content for our store. The purpose is not to address the product catalog/ images as we have a PIM- Akeneo for that. Its to have a solution where we can store and manage marketing assets for e.g. the landing pages, blog, about pages.
I see that there are a number of pre-built integrations on this list: https://docs.vuestorefront.io/v2/integrations/#cms
How are these CMSes chosen at the beginning? Do they have certain features that are particularly works well with ecommerce/ headless storefront? I notice for example some of the well known CMS such as Drupal, Joomla, Django isn't on the list. Obviously one can't integrate everything and has to start somewhere. But I also want to see if there is a specific reason for their absence also. ...
I see that there are a number of pre-built integrations on this list: https://docs.vuestorefront.io/v2/integrations/#cms
How are these CMSes chosen at the beginning? Do they have certain features that are particularly works well with ecommerce/ headless storefront? I notice for example some of the well known CMS such as Drupal, Joomla, Django isn't on the list. Obviously one can't integrate everything and has to start somewhere. But I also want to see if there is a specific reason for their absence also. ...