Headless Magento

Magento PWA Development

Magento PWA development for Magento 2 and Adobe Commerce: headless storefronts on PWA Studio, with the parts PWA Studio does not ship built as custom components.

Scope Your PWA Build
Isometric icon of three shopfronts standing on a plate around a single blue tile

Seven Magento PWA storefronts shipped and supported

Isometric icon of a blue cube dropping into a notch cut to its size

PWA Studio's gaps closed, not worked around

Isometric icon of a panel carrying a blue lightning bolt with speed lines behind it

Core Web Vitals passed on real phones

A build, not an install

Why Magento PWA Development Is a Build, Not an Install

7 Magento PWA storefronts shipped and supported, each a published case study15 to 40+ main-menu categories: the toolkit's limit, and what USS On Demand needed

A progressive web app gives a Magento store what a native app has: instant navigation, a storefront that works on a weak signal, and one backend serving as many frontends as the business needs. PWA Studio, Adobe's own toolkit, is where most Magento PWA projects start, and where many stall.

It ships a storefront, a GraphQL layer and a build chain, not everything a real catalog needs. Grouped and bundled products, deep category menus, the checkout a B2B buyer expects and the approval flows a company store runs on are not in the box, and a team that finds that out after signing delivers a storefront that never reaches parity.

We met each of those gaps on a live build and closed it as a component the store owns: a grid view for grouped and bundled products at Clean Harbors, a main menu past the toolkit's fifteen-category limit at USS On Demand, department selection and manager approval at checkout for a field workforce. Seven Magento PWA storefronts on this site came out of that work.

A PWA is not the only fast Magento frontend, and we say which fits before anything is built: Hyvä passes Core Web Vitals on the theme model you already have, and Adobe now offers its own storefront on Edge Delivery Services. Choose a PWA for an app-like experience or several frontends on one backend.

Where PWA projects stall

Six Ways a Magento PWA Project Falls Short

Each of these is a gap in the toolkit, not a mistake by your team. They are what the estimate has to cover before the build starts.

Isometric icon of two columns side by side, the shorter one topped in blue

Parity Never Reached

The Luma store had wishlists, store credit, gift cards and a B2B login. The PWA launched without them, the date slipped twice, and the business runs both storefronts a year later.

Isometric icon of a parcel and a blue shopping bag on a plate

Grouped and Bundled Products Missing

PWA Studio's catalog components stop at simple and configurable products. A store that sells kits, bundles or grouped SKUs finds its best sellers cannot be added to the cart.

Isometric icon of a menu bar with a cyan tab and a panel dropping below it

Menus Capped at Fifteen

The toolkit's main menu holds fifteen categories. A catalog with forty needs a navigation component of its own, and most builds discover that in the final week.

Isometric icon of a payment card on a plate with a cyan clock on its corner

Checkout That Does Not Fit the Business

Purchase orders, approval routing, cash and check payment with a reviewer, department codes: none of it is in the default checkout, and a B2B store cannot launch without it.

Isometric icon of a blue magnifying glass over a document of text lines

Pages Google Cannot Read

A client-rendered storefront with no server-side rendering ships empty HTML. Rankings fall after launch and nobody connects the drop to the frontend.

Isometric icon of a monitor beside a phone, the phone carrying the blue element

Slow on the Phones It Was Built For

A PWA sold on speed that ships a three-megabyte bundle fails Core Web Vitals on a mid-range phone. The speed has to be budgeted and measured, not assumed.

What the build includes

What Magento PWA Development Covers

Isometric icon of a laptop showing a storefront page with a blue marker at its corner

Storefront on PWA Studio

The storefront set up on Adobe's toolkit, themed to your brand and wired to your Magento 2 or Adobe Commerce backend over GraphQL.

Isometric icon of four jigsaw pieces locking together on a plate, one of them blue

Custom Components for the Gaps

Grouped and bundled products, deep menus, approval flows and B2B checkout steps built as components the store owns.

Isometric icon of a database cylinder on a plate with a parcel, a phone and a bank card around it

GraphQL and Integrations

ERP, PIM, payment and shipping integrations exposed through the GraphQL layer, so every frontend reads the same data.

Isometric icon of a board carrying a blue line climbing from left to right

Performance Budget and Core Web Vitals

A bundle budget set at the start and measured on real mid-range phones before launch, not after.

Isometric icon of a blue magnifying glass over a stack of data

SEO and Server-Side Rendering

Rendered HTML for crawlers, structured data, canonical URLs and redirects, so rankings survive the frontend change.

Isometric icon of a clock standing on a plate with an arrow circling it

Support and Upgrades After Launch

The storefront kept in step with each Magento release, patched with the backend and extended as the business grows.

Discover, build, launch, keep

How Our Magento PWA Development Works

01

Discover

We read the catalog, the extensions and the checkout the store runs today and list every feature the PWA has to carry at launch. Then the honest decision: a PWA, Hyvä, or Adobe's own storefront, with the reasoning and a written estimate before anything is built.

Isometric icon of a grid of boxes, each ticked in blue

Catalog and Feature Audit

Isometric icon of a clipboard on a plate with three blue markers set along one row

Parity List

Isometric icon of an open book standing on a plate, a blue tag above its two pages

PWA or Hyvä Decision

Isometric icon of a document slab with lines of text and a blue seal

Estimate in Writing

02

Build

The storefront goes up on PWA Studio with a component library in your brand, the GraphQL layer carries your ERP, PIM, payment and shipping integrations, and every gap on the parity list is built as a component rather than left for a plugin that does not exist.

Isometric icon of a blue cube raised above four white cubes linked by dotted lines

Component Library

Isometric icon of a blue connector plugged into a cube on a dashed plate

GraphQL Layer

Isometric icon of a payment card standing on a plate beside a shield

Checkout and Payments

Isometric icon of a shelving rack of boxes with an arrow circling it

ERP and Integrations

03

Launch

A performance budget is set per page and measured on mid-range phones, rendered HTML and structured data are checked for crawlers, QA runs on real devices against the parity list, and the cutover keeps the old storefront one switch away until the numbers hold.

Isometric icon of a clock with a blue wedge marking a short span

Performance Budget

Isometric icon of an eye on a plate, its iris blue, with a dashed path running under it

SEO and Rendering Checks

Isometric icon of a monitor with a blue phone screen beside it

QA on Real Devices

Isometric icon of two plates with arrows circling between them and a cube above

Cutover With a Way Back

04

Keep

After launch the storefront is upgraded with each Magento release, patched alongside the backend, extended as the business adds features, and monitored for speed and errors by the team that built it.

Isometric icon of a blue tick standing in front of a panel on a plate

Version Upgrades

Isometric icon of a stack of data on a plate with a shield in front of it

Patch Cover

Isometric icon of cubes lined up on a plate, rising to a blue one at the end

New Features

Isometric icon of a cube on a plate under a blue signal arc

Monitoring

The proof

What We Built Across Seven Magento PWA Storefronts

7 Magento PWA storefronts in production, each a published case study3 months from plan to rollout for Stran's multi-store estate

Every Magento PWA case study on this site is a storefront still in production, and each one taught the toolkit something it did not know.

Clean Harbors orders workwear for teams across the US and Canada with department selection at checkout and manager approval before anything ships, on a grid view we built because PWA Studio could not show grouped and bundled products. USS On Demand runs more than forty categories in a main menu the toolkit capped at fifteen, with an approval step for cash and check orders.

Axiom Space Gear sells only to the right people: private access, approval flows and no guest checkout, built into the order path. Badger moved its merchandise program onto a PWA that is fast on a phone, with approval flows and PCI compliance intact. Culture Pop runs a partner ordering hub and a consumer site on one platform, Stran retired two legacy platforms into one multi-store estate in three months, and Farmasi's storefront serves English, Spanish and French.

None of it was a plugin. Each was a component written for that store, documented, and supported by the same team since launch, which is the difference between a PWA that reaches parity and one that does not.

Verified reviews

What Our Clients Say

Pick the way in

Three Ways Into a Magento PWA

New PWA Storefront

A headless storefront on PWA Studio for a Magento 2 or Adobe Commerce backend: discovery and the parity list, the component library, integrations, a performance budget and the cutover. For stores that want an app-like experience or several frontends on one backend.

Parity list first
Components you own
Performance budget
Cutover with a way back

Rescue a Stalled PWA

For a PWA another agency left short of parity: a free two-day read of the repository, the missing features listed against the Luma store, then a fixed-scope first week to stabilise and a plan to finish with the same team.

Two-day read
Parity gaps listed
Fixed-scope first week
Finished by one team

Hyvä Instead

When the read says a PWA is more frontend than the business needs: a Hyvä theme passes Core Web Vitals on the Magento theme model, keeps the extensions that have a Hyvä version, and launches in a fraction of the time.

Core Web Vitals passed
Extensions kept
Theme model you know
Faster to launch

Not our word for it

Licenses & Certifications

Adobe certification badge marked Professional

Adobe Commerce Developer

Adobe Certified Expert

7 professionals
Adobe certification badge marked Master

Adobe Commerce Architect

Adobe Certified Expert

4 masters
Adobe certification badge marked Expert

Adobe Commerce Business Practitioner

Adobe Certified Expert

9 experts
Adobe certification badge marked Expert

Adobe Commerce Developer

Adobe Certified Expert

14 experts
Adobe certification badge marked Professional

Adobe Commerce Front-End Developer

Adobe Certified Expert

14 experts
Google Analytics certified badge

Google Analytics

Google Analytics Certification

6 experts

Start with facts

Is Your Storefront the Problem? Run the Free Magento Audit.

Paste the store URL and the free Magento audit reads speed, Core Web Vitals, SEO and security from the storefront, ranked by what they cost you. If the frontend is what is slow, it says so before anyone proposes a rebuild.

Get the free Magento audit

Trusted by 100+ companies

Carlex Nasdaq Axiom Space Stran Farmasi Clean Harbors Apache Shake Shack NOV Enerflex SIG Sauer Brainy HR

Keep reading

Frontend Reading Before the Call

Read all
Read all

FAQ

Frequently Asked Questions

Still have questions?

Tell us about your store and we will come back with straight answers.

Talk to us

Is PWA Studio still supported by Adobe?

Adobe still publishes PWA Studio and its documentation for Magento Open Source and Adobe Commerce, and it is the base of every PWA we run. Adobe has also added Adobe Commerce Storefront, built on Edge Delivery Services with drop-in components for cart, checkout, product pages and accounts. Which to use depends on the store; we say which before the build, and we keep PWA Studio storefronts upgraded with each Magento release either way.

PWA or Hyvä: which should we choose?

Hyvä if you want Core Web Vitals passed on the theme model you already have, with your extensions and a shorter build. A PWA if you need an app-like experience, tolerance for a weak signal, or several frontends on one backend, such as a company store network beside a consumer site. The discovery step answers it for your catalog and your team, in writing, and we build either.

How long does a Magento PWA build take?

The discovery and the parity list take two to three weeks. The build depends on how many gaps the list shows: a store on simple and configurable products with a standard checkout is a matter of months, a B2B store with approval flows, grouped products and ERP sync takes longer. Stran's multi-store estate went from plan to rollout in three months; a build with more custom components takes more. The estimate names the number.

How is Magento PWA development priced?

Fixed scope after discovery. The parity list decides the price, because every gap in the toolkit is a component to build and test, and no two catalogs have the same gaps. There is no price list on this site; the written estimate comes after the read of your store.

Will our rankings survive the move to a PWA?

If the storefront renders HTML for crawlers, keeps the URL structure or redirects it, and carries the structured data across, yes. A client-rendered PWA with none of that loses rankings after launch, which is the most common PWA failure we are asked to recover. SEO and rendering checks are a launch gate in our process, not an afterthought.

Can you take over a PWA another agency started?

Yes. We read the repository and the Luma store it was meant to replace inside two business days, list the missing features, and give you a fixed-scope first week to stabilise and a plan to finish. The Magento project rescue page describes the terms, and the PWA work is done by the same team that builds our own.

Does a PWA work with our existing extensions?

Backend extensions keep working, because the PWA talks to Magento over GraphQL and the backend logic is untouched. Frontend extensions, anything that added a widget or a block to Luma, do not carry over; each one is either rebuilt as a component or dropped from the parity list on purpose. The discovery step lists which is which before the estimate.

Do you build the B2B features into the PWA?

Yes, and they are usually the reason a store needs one. Company accounts, shared catalogs, quotes, purchase orders, requisition lists and approval routing from Adobe Commerce's B2B module are exposed through GraphQL and built as storefront components. Department selection and manager approval at checkout for Clean Harbors and the cash and check approval step for USS On Demand are two examples on this site.

Can one Magento backend serve several PWA storefronts?

Yes. That is one of the main reasons to choose a PWA: Culture Pop runs a partner ordering hub and a consumer site on one platform, and Stran's estate replaced two legacy platforms with one multi-store backend. Each storefront has its own theme and routing; the catalog, customers and orders live once.

What happens to the storefront when Magento is upgraded?

It is upgraded with it. PWA Studio and the GraphQL schema move with each Magento release, so a storefront left behind stops working after a backend upgrade. We keep the two in step, test the storefront on staging with every release and patch, and that is part of the support that follows every build.

Do you host the PWA?

No, you do. The storefront runs on your hosting or on Adobe Commerce Cloud alongside the backend, or on a CDN edge for the static build, and the code lives in your repository. We set it up, document it and support it; you own it.

Will the PWA be fast on a mid-range phone?

Only if it is budgeted. We set a bundle size and a Core Web Vitals target per page at the start and measure on real mid-range devices before launch; a PWA that ships without a budget is often slower than the Luma store it replaced. The free Magento audit measures your current storefront if you want a baseline first.

Let’s build something great together!

Planning a Magento PWA?

Send the store URL and what the storefront has to do. We come back with the parity list, the PWA or Hyvä recommendation, and a written estimate.

Reply within 24 hours No long-term lock-in NDA on request Senior engineers only

We've Got Your Request!

We'll reply to {email} within one business day, and it will be an engineer who does the work, not a sales rep.