In light of the recent COVID-19 pandemic - OPTASY would like to offer DRUPAL website support for any Health Care, Government, Education and Non-Profit Organization(s) with critical crisis communication websites or organizations directly providing relief. Stay Safe and Stay Well.

Look Forward to It: Magento PWA Studio Coming... Soon!

Look Forward to It: Magento PWA Studio Coming... Soon!

by Adrian Ababei on Oct 12 2017

Magento's about to step into... the third dimension of e-commerce! 

As you well know, the other 2 are:

 

  1. responsive e-commerce websites
  2. native apps

     

And the e-commerce giant is about to make its glorious entrance by launching its Magento PWA Studio! A suite of tools designed to empower developers to... develop (obviously!) online stores as progressive web apps. 

That Magento has jumped on this trend is really no surprise at all. But the suite of tools that it's now developing is, for sure, a source of ongoing assumptions, skeptic feedback and expectations. 

Here's what we know for sure, right from their post on Magento turning into a progressive web application platform:

 

  • that these tools are aimed to turn into “learning tools” for future Magento PWA developers 
  • that they're designed to enable them to build blazing-fast PWA front-ends for their e-commerce Magento stores
  • that it's a “toolset” which will help them build PWA components and extensions to be reused or even sold on the Magento Marketplace

     

But before we get into this, before we shed some more light onto Magento's new “baby” (that they're developing in collaboration with Google) we should answer the next question:

 

What's a PWA?

“The “eraser” of all clear-cut differences between the mobile web and native apps”. 

Now, in order to give PWAs a less... metaphoric definition, how about “dissecting” the term itself, “progressive web app”, starting from the back:

 

  1. it's an app (not an applet!): since it installs and runs its code on the customer's own device (PCs here included)

     
  2. it's a “web” app: an obvious advantage over native apps, since it's not closely “dependent” on one specific platform and on its specific language; it uses “plain” web languages such as HTML, CSS and JavaScript 

     
  3. it's “progressive”: meaning that it progressively loads assets and data as the user scrolls down a specific page in the store or goes from one page to another; so, there's no need for those “surfed” pages to reload, since changes and transitioning happen... gradually

     

Summing up, progressive web apps:

 

  • look like native apps (delivering the same app-like and lightning-fast digital shopping experiences)
  • behave like responsive mobile websites, since they run in browsers and are written in standard web languages
  • and yet... they're neither native apps nor JavaScript one-page apps

     

They're... progressive web apps (a no-brainer conclusion, no doubt about it).

And it's those type of digital shopping experiences of the future that the Magento PAW Studio's tools will help developers create.

 

Progressive Web Apps vs Native Apps 

It's a fact: native apps “rule” in terms of conversion rates and in terms of provided shopping digital experiences.

The mobile web stands no chance to compete with that! 

Yet, developing native apps does come with its inconveniences for players in the e-commerce arena (especially for small and medium-sized business):

 

  1. they're expensive to develop
  2. potential shoppers only download and install the apps of those specific brands that they interact with most frequently

     

And here's how PWAs “dare” to challenge native apps' long-time supremacy:

 

  1. they're more cost-effective to build since they're developed on open standards (and even so more now, with the Magento PWA Studio soon to be available)
  2. they're equally fast
  3. they run their code right in the mobile web browser, there's no longer a need for a separate installation

     

Progressive Web Apps vs Responsive Mobile Sites

In short: how are any better (for both online store owners and their customers) than traditional responsive websites?

Here's how/why:

 

  1. they leverage open source technology
  2. they rely on the new API's, Service Workers, integrated now into web browsers, which allow JavaScript to run in the background: boosted speed + improved usability

     

And, deriving from this tiny “detail”, there's a plethora of features that make them a huge leap forward into the future of e-commerce. We've pointed out the most significant ones in this post here on PWA's and how they can benefit your business.

 

What Does The Magento PWA Studio Include So Far?

Now that we've defined PWAs and that we've compared them to the other 2 online shopping channels, let's focus more on Magento's plan to turn into a progressive web app platform.

In this respect, here's what this suite of tools includes for now:

 

  • application shell: a basic PHTML file, created in the early phase of the project, standing for the basis for the HTML responses (coming from all routes)
  • API layer: working on a new style of API and on new API methods, that could provide lighter, more customized responses (compared to those of the REST designs)
  • application framework: the resulting PWA will be interacting with the “headless” Magento store via API calls 

     

Yet, from all the information that the Magento team shared on their blog, the one with the greatest impact has been that: it's React apps that developers will get to build using the Magento PAW Studio.

It's React-powered front-ends that these apps will have.

A great news indeed, for all front-end developers out there, since there's no point denying that React's riding huge waves of popularity these days.

No wonder that the Drupal core committer team, too, is considering to use React JS for building their own administrative user interfaces.

 

What's In It for You, The Magento Store Owner?

Ok, so we've pointed out how much more enjoyable Magento developers' work is going to be, that they'll be enabled to get their Magento PWAs up and running in no time, but... what about you, the business owner?

Let us point out some key PWA features that easily translate into benefits for you:

 

  1. PWAs are SEO-friendly: thanks to their JavaScript architecture PWAs are easy to crawl through (by search engines' bots); also, they're lightning-fast, which makes them SEO-optimized right from the start 

     
  2. PWAs run on desktop browsers, as well: that's right, they're not restricted to the mobile web since Service Workers run on desktop browsers, too

     
  3. PWAs will run on Safari, as well: Apple's planning to “do the necessary” so that PWAs can run on Apple devices, as well, in the near future.

     

The END! For now, at least, since the Magento WAP Studio is still under development, tests are being run, developers' feedback is being collected and closely analyzed.

Are you looking forward to it? What's your opinion on progressive web apps shaping the future of e-commerce?

Development

We do Web development

Go to our Web development page!

Visit page!

Recommended Stories

Drupal 9 Features: From “No New Features” to... 9 New Shiny Things You Can Expect to See in Drupal 9
What new Drupal 9 features can you expect to see on June 3rd, 2020? For, it's a bit confusing, isn't it?   on one hand, you have the “no new features“ statement on the other hand, you get answers like: “the easiest upgrade in a decade”, “newer PHP libraries”, “a brand new admin theme”, and so on   So, are there any new shiny things in Drupal 9 that you can look forward to? Or maybe get worried about... There is one shiny new feature and 8... improvements, from what I've seen. And I've grouped all together in a list. Here it is: 1. The New Shiny Thing: Easy Upgrade from Drupal 8 to Drupal 9 A smooth upgrade experience, this is the only new shiny thing that Drupal 9 ships with. In short, moving to Drupal 9 will be as easy as updating from one minor Drupal 8 version to another. Source: Drupal.org Word of caution: the upgrade path to Drupal 9 is “buttery smooth” if and only if you stick to a “healthy” routine of weeding out old and deprecated code from your current codebase. 2. Drupal 7 and 8 Will Continue to Get Supported Alongside Drupal 9 One of the biggest Drupal 9 vs Drupal 8 (and even Drupal 9 vs Drupal 7) difference is the overlap of security coverage: Till Drupal 9, whenever a new stable version got released, the previous one lost its support. Starting with the 9th version of the CMS, Drupal 7, and Drupal 8 will continue to get community support till November 2021. In other words, Drupal 8, cleaned-up of all deprecated API will continue to work on Drupal 9.  And Drupal 7 will get community support for... 1-1.5 years after Drupal 9 gets released.  One of the unexpected Drupal 9 features. For it disrupts the way that the Drupal community used to approach major versions once they were no longer “the latest” ones. 3. Claro Becomes the Default Administration Theme … once it gets stable. 4. New Drupal 9 Features: CKEditor 5 Gets Implemented ... in a future version of Drupal 9. Security support will drop for CKEditor 4 sometime around Drupal 9's end of life. Therefore, Drupal 9's roadmap includes adding CKEditor 5 to a future version (and eventually removing CKEditor 4 completely in Drupal 10).   5. The Workspace Module Goes from Experimental to Stable Source: Drupal.org How is this good news for you? Let's say that you need to prepare multiple versions of your Drupal site and, depending on certain factors, to push live only one of them. The Workspace module allows you do to precisely that: to replicate content between workspaces on the same Drupal site. And, luckily, the module will be generally available starting with Drupal 9... 6. What's New in Drupal 9? Twig 2 That's right, Drupal 9 comes with support for newer PHP libraries. Support for Twig 2 here included. 7. Drupal 9 Will Be Backward-Compatible with Drupal 8 from Day One What are the new Drupal 9 features? Minor upgrade versions of Drupal 8 will be backward-compatible with Drupal 9. This means that all your Drupal 8 components will work with Drupal 9. This ninth version of Drupal is built on top of Drupal 8, basically.  In other words: no need to panic that your (Drupal 8) website's key features will no longer be valid in Drupal 9. This is going to be the first time that 2 major versions of Drupal are fully compatible.   8. From Symfony 3 to Symfony 4.4 “What's new in Drupal 9?” Symfony 4.4. Since its third version will no longer be supported in November 2021, Symfony 4.4 gets integrated with Drupal 9. All while making sure that Drupal 9 is forward-compatible with Symfony 5, as well...   9. Olivero Becomes Drupal's New Default Theme New Drupal version, new front-end theme. Olivero will come to replace Bartik, the current default theme in Drupal.   Wrap-Up: 5 Drupal 9 Requirements Your Drupal Site Should Meet Now you know which are the predictable, the new and the... shiny new features in Drupal 9. What next? How do you ensure that your Drupal website's Drupal 9-ready? Here are 5 key steps to take for a buttery-smooth upgrade:   Make sure your environment is Drupal 9-compatible: PHP 7.3, MySQL 5.7.8, Drush 10   Update to the latest minor versions of Drupal 8 as soon as they get released: you'll be able to upgrade your website to Drupal 9 only from Drupal 8.8. and Drupal 8.9    Keep your modules up to date: do all your contributed modules run on their latest versions?   Weed out any deprecated API from the custom projects that your website's using   Update core to Drupal 9   Word of caution: if your website (still) runs on Drupal 7, upgrade to Drupal 8.  To sum up, the shortest path to a smooth upgrade to Drupal 9 is sticking to the best practices:   remove all deprecated code (go for an automated tool like drupal-check or Rector to identify deprecations on your website) update your Drupal core and contributed projects to their latest versions   Or, you can leave all the preparations to us. Just drop us a line and we'll evaluate your website's level of... readiness:   Is there any deprecated code still “lingering in there? Does it run on Drupal 7? Are there any outdated versions of PHP or MySQL that it is still using?   Then, we can come up with a plan to get it Drupal 9-ready. Image by Marsel Elia from Pixabay   ... Read more
Adriana Cacoveanu / May 20'2020
OPTASY Is Proud to be Named a Top Canadian E-commerce Development Partner by Clutch
Here at OPTASY, we know it can seem impossible for a new business to tackle their challenges while also implementing high-quality web development solutions. That’s why we’re here to help! We’re a Canadian Drupal firm and web development company that’s provided web solutions with outstanding results. Our team is dedicated, knowledgeable, and can help your company thrive!  Source: Clutch.com In recognition of our efforts, we’ve been named a top Canadian e-commerce development firm by Clutch, a development research resource.  We’d like to thank our superstar clients for helping us get this far! They engaged with Clutch analysts to assess our impact on their day to day operations. Our evaluation took into account the quality of our services and deliverables, attention to their project timelines, and the value of our work in relation to our pricing. We’re happy to announce that we’ve maintained a lovely 4.8 out of five stars in reflection of that data!  Take a look at one of our recent reviews below:  "We are thrilled to have been chosen as one of the leading web developers by Clutch!"  - Adrian Aabei, CEO of OPTASY, Inc. For those who might not know, Clutch is a verified market research firm that leverages a unique rating methodology to compare leaders across sectors. They showcase our development work on Visual Objects, Clutch’s sister site that centers on portfolio items. They feature us in their directory of top e-commerce developers.  We’re proud to receive this feedback and look forward to helping even more clients meet their potential! Contact OPTASY today if you’d like to learn more about how we can help you thrive!  Image by Megan Rexazin from Pixabay   ... Read more
Adriana Cacoveanu / Feb 06'2020
OPTASY: Ranked as Top Drupal Developers of February 2020
OPTASY strikes again! We've got listed among the top Drupal developers of 2020... FindBestDevelopment, the leading ranking platform for the web development industry, featured us in their “Best Drupal Development” category. Take it as a “hall of fame” showcasing 10 of the best Drupal development companies in the... world.   And we've just earned our spot there. What a great way to start the year!   But Who Is FindBestDevelopment? It's a market research and reputation platform that “detects” and rates the top software development companies in the world.    And they do that... monthly. Source: FindBestDevelopment.com Take it as a free, trusted and conveniently exhaustive resource at hand for when you look for top professionals in fields like AI, eCommerce, Drupal, web, mobile app or IoT. “And how do they evaluate and rank the IT service providers included in their tops? What criteria do they use?” A legitimate question to ask yourself.  FindBestDevelopment conducts an in-depth investigation of the targeted companies and:   analyses their business practices compares them to the industry standards   For instance, in the case of a team of Drupal developers, their editorial staff would evaluate:   the team's overall experience as a Drupal services provider its specific processes the reporting its portfolio and the impact of the projects included there   Source: FindBestDevelopment.com There are 8 different categories that FindBestDevelopment updates on a monthly basis:   Best Web Development Best Mobile Application Development Best Custom Software Development Best eCommerce Development Best WordPress Development Best Drupal Development Best IoT Development Best Artificial Intelligence Development From a Small Drupal Agency to... the Top 10 Drupal Developers Looking back, way back (2005), when OPTASY was just a small team of Drupal enthusiasts, and analyzing our trajectory, we do get a bit... dizzy. Little did we know (or hope to dare) that we would come 3rd place in the “Best Drupal Development Awards” on the world's most reputed ranking platform. Source: FindBestWebDevelopment.com It's overwhelming, it's rewarding and it's... a huge confidence-booster. Seeing the other 9 finalists — companies that we've been looking up to — and knowing that our past projects played a key role in this evaluation, we get both a confirmation and an incentive to live up to these higher standards.   Thank You! We have Drupal in our DNA: we've been living and breathing Drupal since... 2005. And yet... if it hadn't been for our clients':   innovative ideas that they wanted implemented in their projects:  unique functionalities turned into custom Drupal modules, high standards in terms of visual aesthetics turned into custom Drupal themes daring goals that they set for their projects courage to adopt new approaches and emerging technologies to deliver the best user experience to their customers   … we wouldn't have been here, among the world's top 10 Drupal developers. ... Read more
Adriana Cacoveanu / Feb 03'2020