Custom graphQL query
Need to create a custom query inside a custom module to fetch and display data from Magento 2.
The data comes from a custom Magento module that exposes a simple entry list via graphQL.
Using Apollo sandbox I can view the response but I cannot seem to be able to find a step by step guide to achieve implementing the query in my module.
Links I followed...
When I reload the checkout page it automatically redirects to the home page.
When I reload the checkout page it automatically redirects to the home page. How to come when I reload the page it's still on the checkout page in VSF ?
VSF/ Magento product image sizing
Does anyone know how VSF/ Nuxt Image handles Magento product images? Magento has multiple product image sizes available for product image: regular, thumbnail, small, etc. but uploading multiple sizes of the same images seems so 90's.
My understanding is that VSF/ Nuxt Image can request a local static image and resize it with IPX or a cloud image processor like IMGIX, but its unclear to me whether it can request an image from the Magento catalog from another server and process it.
Does anyone know if its possible to use VSF/ Nuxt to resize a magento catalog image? If so, do you have any pointers/ tips that you can share on how to set it up properly? Thanks!...
My understanding is that VSF/ Nuxt Image can request a local static image and resize it with IPX or a cloud image processor like IMGIX, but its unclear to me whether it can request an image from the Magento catalog from another server and process it.
Does anyone know if its possible to use VSF/ Nuxt to resize a magento catalog image? If so, do you have any pointers/ tips that you can share on how to set it up properly? Thanks!...
Can Vue Storefront?
Can Vue Storefront be hosted on my own server? If so where it the informant on that and how can we begin to host headless Vue Storefront on my own server?
New Vue Storefront SDK
I have a Nuxt 3 project using the new SDK for vue storefront. I see that the middleware is an express server in addition to the Nuxt 3 builtin server, and this needs to be public which is yet another endpoint to maintain.
Can I run the middleware through nuxt without creating another endpoint, like in the old setup?...
document
Any tips to building a multi-store vuestorefront app?
- custom styling (I thinking changing the --colors-* via javascript) , loading the style via server.
- get the store data, via store url and make a request to fetch the styles and icons, favicon, etc
if anyone have any advice, or tips thanks in advance!...
Using localePath Function With I18 strategy: 'prefix_except_default' Bug
When Using localePath Function With i18 strategy: 'prefix_except_default' encodes the / Character in URLs to %2F. For Example localePath('/store/testing/about') will return https://localhost:3000/store%2Ftesting%2Fabout
VSF2-Nuxt3 app integrated with Magento 2.
I have a vuestorefront 2 application extended with Nuxt and integrated with Magento 2. I was working on
SignUp
and Login
functionality and storing the token from generateCustomerToken
method to localStorage
. Works perfectly fine but when I try place Guarded Routes and try to access that guarded route directly by typing url
, it gives me 500 saying 'localStorage is not defined'. It should redirect me to Login
page. Below are the screenshots if someone could look into them and sugg...
Problem with installation
Hello! I am on a fresh win10 installation with wsl2 and docker desktop. I just tried running the "npx @vue-storefront/cli init" command, and when it asks me to provide a name for magento 2 directory I cant really type that in, the text goes to the line below and when i type something and press enter the installation freezes.

Sotring cookies for magento 2 using ```vsf-customer```
I have integrated Magento 2 sdk in my vsf app. For use Authentication, I am using method with custom graphQL query and then I use method to generate Token for authentication. Now, I want to store this token in cookies/localstorage. The documentation suggests that I should use to store cookies because mthods like use token stored in . But, I ha...
createCustomer
createCustomer
generateCustomerToken
generateCustomerToken
vsf-customer
vsf-customer
customer, customerCart, updateCustomer, changeCustomerPassword
customer, customerCart, updateCustomer, changeCustomerPassword
vsf-customer
vsf-customer
Problems using Custom Integration
Hello!
I am writing custom integration using boilerplate
npx @vue-storefront/cli create integration
everything configured as per documentation, added endpoints - and it works fine with playground
🙂
...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 ...