Alokai

A

Alokai

Join the community to ask questions about Alokai and get answers from other members.

Join

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...
No description

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.
No description

Sotring cookies for magento 2 using ```vsf-customer```

I have integrated Magento 2 sdk in my vsf app. For use Authentication, I am using
createCustomer
createCustomer
method with custom graphQL query and then I use
generateCustomerToken
generateCustomerToken
method to generate Token for authentication. Now, I want to store this token in cookies/localstorage. The documentation suggests that I should use
vsf-customer
vsf-customer
to store cookies because mthods like
customer, customerCart, updateCustomer, changeCustomerPassword
customer, customerCart, updateCustomer, changeCustomerPassword
use token stored in
vsf-customer
vsf-customer
. But, I ha...

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....

Remove google recaptcha from login modal

Only remove google recaptcha from login modal

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.
categoryList({})
categoryList({})
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.
const prod = await useAsyncData(() => useSdk().magento.categoryList({}));
console.log('Category Search: >> ', prod);
const prod = await useAsyncData(() => useSdk().magento.categoryList({}));
console.log('Category Search: >> ', prod);
...
No description

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?
No description