Hooks allow us to create function components that are used to reuse the same feature in more than one class component. There are many built-in React hooks defined in Venia and Peregrine libraries. We can use React hooks for the state management feature, to set data and to retrieve data. In this blog, we get […]

In Magento 2, we can install and set up any third-party extension in our project and use them according to our requirements. In that same way, we can create a custom extension in Magento PWA Studio, too. Lars Roettig, a Magento maintainer released a npm package (https://www.npmjs.com/package/@larsroettig/create-pwa-extension) to create a custom extension in Magento PWA […]

In Magento, we can get related, upsell, and cross-sell products on the product detail page using admin settings. But in PWA Studio, that feature is not available right now. Magento provides GraphQL to get linked products for the current product. So in PWA, we can create a custom component to fetch related, upsell, and cross-sell […]

In Magento2, we can add/delete/modify views and layouts by overriding Layout XMLs and Templates. In PWA studio, we can achieve that feature using TargetableReactComponent. This component is used to add, delete, modify or replace React Components of the Venia UI storefront. You can review the document for the use of TargetableReactComponent from the following path […]

Page Builder used to create content using drag-and-drop built-in tools. It is the most powerful feature for developers, no need to do the coding which ultimately saves your time. You can review a preview of the content instantly, customize the text in the forms, add sliders and banners, and so many features are there. In […]

The static blocks are a more useful feature in Magento 2. You can manage static content like photos, videos, URL links, formatting content, etc. These static blocks can also be rendered on the pages of the PWA storefront. You can get single and more than one static block content using only one single component in […]

Magento 2 PWA Studio provides a built-in Venia UI package which is very useful to reference when customizing a storefront. In many cases, we need to create a static route with URL params like a search page. Let’s get an idea of how to create a custom page having a static route with URL params. […]

There are many pages provided by PWA Venia Storefront like the Home page, Category page, Product page, Search page, etc. In many cases, we need to create custom pages. Once you set up PWA Studio with Magento 2 and created a custom package, you should work in that custom package directory. So now we would […]

Magento Progressive Web Apps (PWA) provides a mobile application experience to users with so many development tools and React components. It provides fast and reliable performance to users. PWA is compatible with Magento 2.3 and above versions. Install Venia sample data in Magento 2 In case, you want to install venia sample data in your […]