UB PWA Mega Menu


Jan 10, 2020 Update: UB Mega Menu v1.1.8 has just been released, packed with the newly added service layer for UB Mega Menu (MegaMenuGraphQL with GraphQL APIs ready for PWA Storefront).
Dec 31, 2019 Update: UB PWA Mega Menu has been enhanced with progressive skeleton loading pattern and newly added sticky menu.
Dec 20, 2019 Update: We’ve just updated UB PWA Mega Menu demo with incremental optimization and video content type demo.

For those who are curious about the things we are working on, here is a glimpse at our upcoming Magento PWA mega menu module called UB PWA Mega Menu.

For the past month or so, we have dived deep into early development of this module which is built on top of Magento PWA Studio. Although the module will undergo further development, we’re excited to share a quick preview of the features and demo to give you a general overview of the module.

Ready GraphQL based module

As you might know, GraphQL is defined as the main API to support PWA Studio functionality. You can check out this article to learn why GraphQL API could be an obvious choice against REST API in Magento 2 in the near future.

Our approach of UB PWA Mega Menu is to help build a flexible mega menu on top of Magento PWA Studio, so the module uses PWA Studio’s libraries -- GraphQL, React and many other technologies as part of its stack. Continue reading

GraphQL API in Magento 2

Jan 10, 2020 Update: Check out UB PWA Mega Menu v1.1.8, packed with a newly added service layer --  MegaMenuGraphQL that helps you build flexible mega menus on top of Magento PWA Studio. View details here.

The new GraphQL API turns out to be one of the major moves in Magento 2.3, as written in our first blog post. Originally, GraphQL is a query language developed internally by Facebook in 2012 and has introduced a new era in web development since it was publicly released in 2015.

Let’s explore the advantages of using GraphQL API over REST API and the current state of GraphQL API in Magento 2.

Why GraphQL API?

As you might know, GraphQL has become the main API to support PWA Studio functionality and other custom storefronts. Magento introduced a layer of GraphQL endpoints as a communication protocol with PWA based storefront since Magento 2.3.0. There are still some gaps in GraphQL API coverage (not 100% of the functionalities available in Magento 2 are fully prepared), however its capabilities have increased with each release cycle of Magento. Continue reading

Magento PWA Demo

Jan 10, 2020 Update: We have released UB PWA Mega Menu v1.1.8 that helps you build a flexible mega menu on top of Magento PWA Studio. It uses GraphQL, React & other technologies as part of PWA Studio stack. Check out the features & demo here.

You may have heard about the Magento PWA before, read Magento’s announcement about it’s PWA priority, or awaited for a chance to get your hands on the Magento PWA … It is now time for you to start playing with it.

You can get started with our demo shop below which was built fully on Magento PWA Studio (beta). While this demo remains a work-in-progress and does not offer full PWA functionality yet, you can explore as a way of getting used to the Magento PWA frontend functionalities and possibilities of Venia Storefront.

Before heading to the live demo, you can have a quick glance at some of the pwa pages: Continue reading

Magento PWA studio

Jan 10, 2020 Update: Check out UB PWA Mega Menu v1.1.8 that helps you build a flexible mega menu on top of Magento PWA Studio. It uses GraphQL, React & other technologies as part of PWA Studio stack. Check out the features & demo here.

Magento has introduced Magento PWA studio for some time. It is supposed to bring us a suite of tools which you can use to build online stores that behave like apps.

Why is PWA growing in popularity? Will it soon dominate the Magento 2 landscape? And where you can learn more about the Magento PWAs? This article will shed some light on those questions. Continue reading