Storefront UI hard to install now that node 16 is EOL
We're trying out Storefront UI to determine if we want to centre our strategy around it in the next few years, looking at maintainability and a reliable tech stack that's going to be around for a good long time.
We've fallen at the first hurdle.
Trying to install Storefront UI v2.6.0 under node 18 or later I get an error that this is not supported and I need node 16. The latter is EOL so I'm not going to use this in production. What am I missing? Is it safe to override this, how do I do that? Is there an upgrade pending? If not, is there a fundamental issue with this framework that it can't be kept up to date and perhaps should not be trusted long term?...
API Logger
Hello !
I'm using the Magento middleware and I would like to log all requests from the middleware to Magento. I tried using 'express-requests-logger' but nothing is logging when using
app.use(audit())
. Do you know how I can achieve that ?...Solution:
I think this is the case that we are constructing the client and skips middleware .use() mehtod.
you can use this extend middleware method https://docs.vuestorefront.io/middleware/guides/extensions#creating-an-extension to add logger for all requests...
Set Store using Magento sdk
Hello 🙂
I’m developing a storefront using Magento sdk and a fresh Nuxt 3 apps. I didn’t find how to set the store code to make calls to Magento ? For example when I do a simple: await shopSdk.magento.products({}) it only returns product from en_US store. How can I switch to get product from fr_FR or de_DE ?
Thanks a lot !...
magento
Hello Team,
Is there any payment gateway integration method is available,
We dont want to use initially any enterprise level package,...
Project structure for multiple integrations in the middleware
Hello guys, could you provide the source code used in this video:
https://www.youtube.com/watch?v=ZLVdt9me5x8
Increase Performance and Reduce Complexity in Composable Commerce
I would like to see the project structure you used to setup multiple integrations in the same middleware because when you use the CLI it creates a separate project and therefore a separate middleware for each integration....
Response Filter
Hi, I have an app integrated with magento 2. I am trying to query products based on category and using one of the api provided in the documentation. for the purpose. but it gives me all the products and not the ones from a single category. Can anyone suggest any better approach? below are the screenshots of response along with my code.
...
categoryList({})
categoryList({})
const prod = await useAsyncData(() => useSdk().magento.categoryList({}));
console.log('Category Search: >> ', prod);
const prod = await useAsyncData(() => useSdk().magento.categoryList({}));
console.log('Category Search: >> ', prod);

magento
Hello Team,
Looking for steps to deploy on production server, I have domain where magento running properly
Need to deploy https://github.com/vuestorefront/magento2 ...
VSF + Sitemap.xml
I'm trying to add a sitemap.xml on a VSF 2 , with BigCommerce and Contentful integrations, using the dedicated nuxt module https://sitemap.nuxtjs.org/ .
Problem is to implement the functions for listing the dynamic pages.
I would like to call and reuse the BigCommerce or Contentful integration , but in the nuxt module configuration , I can't manage to access context as nuxt is not loaded yet....
vue storefront console
Could I get a new invite to the Vue Storefront Console? My inital password link is expired.
Remove styles from node_modules
How to remove style pulling from node_modules? I transferred all the components and styles from the node_modules to my project for complete control and customization over them. For example, I want to remove the box-shadow on hover in product card. I delete this CSS property in my project, but the value is also pulled up from the node_modules. How to exclude styles fromnode_modules?

Please help with this Error: ENOENT: no such file or directory, open 'magento2/src/auth.json.sample'
Hi I am following these instructions here :https://docs.vuestorefront.io/integrations/magento/getting-started/magento
Attached is a screenshot which includes my cli_logs. Please help. Thank you...

I want to add light/dark mode switcher in Vuestorefront
I want to add a light/dark mode switcher on the Vuestorefront website. Please some code documentation on where to place the code. Please have a look at this post @.rohrig , @skirianov
EOL
On December 31st, 2023, Vue 2 will reach End of Life (EOL), and Nuxt 2 will follow on June 30th, 2024. Any plans to upgrade VSF?
Https not working on the WSL2 docker magento 2 , so the VSF-API cannot communicate.
I have got Windows with WSL 2 ubuntu and docker working with WSL2. I am working with the https://github.com/markshust/docker-magento as my Magento 2 Instance. It works fine except on WSL2 the SSL certificate not being evaluated properly. So I cant make VSF-API connect to Magento API.
Does anyone had something similar, if yes how do you solved it.
Regards,
Vyacheslav Shmal...
Solution:
Nevermind, I work it out. For those who had simmilar problem.
I make a lot of changes , the latest ones where
https://github.com/markshust/docker-magento/discussions/662
https://github.com/markshust/docker-magento/discussions/372...
mentor needed
Dear VSF community,
i am looking for a mentor to help me create my first e-commerce store using vsf. I am self taught and am familiar with vue and tailwind.
I have many questions around the overall structure of a vsf project and difficulty implementing the integrations.
DM if you are interested. I am willing to pay.
Thanks❤️...
Broken documentation link
This page https://docs.vuestorefront.io/sdk/sdk/
and the link "get started" from page https://docs.vuestorefront.io/sdk are broken...
why do i get this ENOENT error during install?
I am following the instructions from here. https://docs.vuestorefront.io/magento/installation-setup/installation.html#installation-using-cli

How to extend getHeaders in @vue-storefront/magento-api
hi,everyone~
I'm currently using the
@vue-storefront/magento-api
repository, and I've noticed that each API uses the getHeaders method to set headers. However, the getHeaders
method only reads three items: Content-Currency, store, and Authorization
.
I've noticed that each request can be configured with the customHeaders
parameter, but that's not what I'm looking for....How to Install Vuestorefront v1
I want to install Vuestorefront Version 1. I got this command "npx @vue-storefront/cli generate store" from the official document. I installed VSF by using the given command but it's installed v2.6.14.
I didn't get any document for version 1.
Is there any document to install VSF version 1 ?
@rohrig & @skirianov...