Typography plugin does not work
Hello everyone!!
I am starting to learn about Nuxt and Storefront ui (also not very familiar to Tailwind), I am using the component block for banners, the Hero one indeed. The point is that I tried to load the typography plugin as doc say, but for some reason it is not working. I checked the package.json and @storefront-ui/typography is present in it. I have a tailwind.config with the configuration you can see on the picture and it is placed in the root of the project. Could anyone give me any clue? Thanks in advance!...
Favicon
Favicon work correct in ,y local machine in dev mode. On dev serv (where we build prod mode) i have wrong link. i think this problem with webpack?
SFUI Figma merge
Hi,
I am wondering if there is a way to merge the new SFUI Design kit v2.5 release with my duplicated customised SFUI Design kit v2.4 release. Or what would be the best approach to use the SFUI design kit in figma branded and customised and don't miss out on all the new SFUI updates and still have functioning components.
I also noticed that besides the extra pages also new art boards appeared on existing pages and within existing pages stuff sometimes is re-arranged. I really would prefer not to manually check all pages with every update 😅...
Extending a default vue storefront component
Hello everyone,
I'm currently working on a project with Vue Storefront and I'd like to extend one of the default components. Could someone please help me on the best approach to achieve this?
I've gone through the documentation, but didnt saw a explanation or some code snippets that demonstrate how to extend a default Vue Storefront component effectively. I want to make sure I'm following the right practices for seamless development....
Best practices for Nuxt boilerplate - Magento
As a company we are discovering headless commerce as we develop a lot of headlless applications in Nuxt 3. Now our management wants to invest in e-commerce and I'm curious in best practices to get started.
1. I would say we start with using the nuxt 3 boilerplate: https://github.com/vuestorefront/storefront-nuxt3-boilerplate. However as the Guide (https://github.com/vuestorefront/storefront-nuxt3-boilerplate/blob/develop/GUIDE.md) tells, we have to configure our own middleware for, in our case, Magento integration. I would say I need to use the https://docs.vuestorefront.io/magento docs.
What do you suggest then? Should I replace all static functionaliteit within the Magento SDK? Or what would you advice?...
General question about get cmsblock in cmsPage
Hey gusys!
Hello everyone!
As we are aware, Magento supports nested blocks in CmsPage to dynamically load both dynamic and static content, or even CmsBlock....
api client context in frontend app
Hi guys,
I'm trying to build new integration using new Sdk Integration Boilerplate and I got stuck on how to get api-client context on frontend nuxt app. What I want to do is, to add token that i get from api-client/middleware response, after I get it on frontend app I want to save the token in app context so that api-client can take it and adds that Bearer token to header on every call. I have tried to add new fields to: packages/api-client/src/types/context/index.ts and read them here: playground/app/pages/methods/exampleMethod.vue but with no success. Maybe Its wrong idea to handle authentication token on frontend app, and it should only be handled on api-client?...
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....