Nel corso degli anni, progettando e gestendo soluzioni Adobe Commerce, mi sono trovato spesso davanti alla stessa domanda posta dai merchant: “il nostro frontend è lento su mobile, cosa possiamo fare?”. Da qualche tempo la risposta di moltissimi, dentro e fuori dall’ecosistema, è la stessa: PWA Studio. Ne parlano tutti come della strada obbligata verso il futuro headless. Io ci lavoro da abbastanza tempo per dire che è una tecnologia seria, ma che nel 2020 non è la scelta giusta per la maggior parte dei negozi. Provo a spiegare perché, senza sconti.
Cos’è davvero PWA Studio
PWA Studio è il set ufficiale di strumenti Adobe/Magento per costruire uno storefront headless: il frontend è un’applicazione JavaScript separata che dialoga con il backend Magento tramite GraphQL, invece di essere generato dai template PHP del monolite. In pratica smetti di usare Luma (il tema classico) e costruisci un’interfaccia disaccoppiata.
Le componenti che è utile conoscere sono tre, perché tornano in ogni discorso tecnico:
- Venia è il tema di riferimento, uno storefront React già funzionante che serve da base e da esempio. Non è pensato per essere usato così com’è in produzione: è un punto di partenza da estendere.
- Peregrine è la libreria di React hooks e componenti che incapsula la logica (carrello, checkout, gestione utente). È il vero cuore riutilizzabile: separa la logica dalla presentazione.
- UPWARD è lo strato server-side che gestisce le richieste e il server-side rendering, definito da un file YAML. È la parte che spesso viene sottovalutata e che invece complica il deployment.
Il tutto gira su GraphQL, che è la scelta di integrazione che Adobe ha eletto a standard per il disaccoppiamento. E qui arriva il primo tema onesto.
Cosa promette (e cosa mantiene)
Le promesse di PWA Studio sono tre, e vale la pena distinguere quelle mantenute da quelle ancora sulla carta.
Performance e mobile-first. Questa la mantiene, quando fatta bene. Una Progressive Web App ben costruita è veloce sul cellulare, supporta il caricamento progressivo, funziona anche con connessioni scadenti e offre un’esperienza vicina a quella di un’app nativa senza passare dagli store. Per un merchant con traffico prevalentemente mobile è un vantaggio concreto, non di facciata.
Disaccoppiamento via GraphQL. Anche questa regge, ma con un asterisco. GraphQL ti dà un contratto pulito tra frontend e backend e ti permette di far evolvere i due mondi separatamente. L’asterisco è la copertura: non tutte le funzionalità di Magento hanno una corrispondenza GraphQL matura, e chi ha personalizzazioni pesanti o moduli di terze parti scopre presto che deve scrivere lui le query e i resolver mancanti. Non è un difetto del modello, è lo stato dell’arte della copertura in questo momento.
Esperienza da app senza app. Vera, ma va contestualizzata. La PWA elimina il costo di sviluppare e mantenere app native separate. Per molti merchant mid-market che non hanno mai avuto un’app, però, questo è un beneficio teorico: risolvi un problema che non avevano.
I costi reali, quelli di cui si parla poco
Qui voglio essere netto, perché è la parte che nei convegni si tende a saltare.
Maturità. PWA Studio è un progetto giovane. La documentazione è in evoluzione, le breaking change tra le versioni non sono rare e la community di sviluppatori esperti è ancora piccola rispetto a quella del Magento tradizionale. Adottarlo oggi significa essere early adopter, con tutto ciò che comporta: meno risposte pronte su Stack Overflow, meno moduli già compatibili, più tempo speso a risolvere problemi che nessuno ha ancora documentato.
Team. Questo è il punto che ribalta molti progetti. Il Magento classico lo governa uno sviluppatore PHP con competenze di frontend Knockout/LESS. La PWA richiede sviluppatori React solidi, che sappiano di GraphQL, state management e build toolchain JavaScript moderna. Non è la stessa persona. Ho visto team abituati al monolite sottovalutare questo salto e ritrovarsi a rallentare invece che accelerare. Se non hai in casa, o presso il tuo partner, competenza React vera, PWA Studio non è una scelta tecnica: è un progetto di formazione o di assunzione mascherato da progetto di frontend.
Manutenzione. Con l’headless raddoppi, di fatto, le superfici da mantenere: il backend Magento con i suoi aggiornamenti di sicurezza e il frontend PWA con il suo ecosistema di dipendenze npm che invecchia in fretta. Ogni upgrade va testato su entrambi i lati del contratto GraphQL. È un costo ricorrente, non una tantum, e va messo a budget dal primo giorno.
La mia posizione: chi dovrebbe adottarlo nel 2020 e chi no
Detto tutto questo, non sto bocciando PWA Studio. Sto dicendo che è una scelta giusta per un profilo preciso di merchant, e sbagliata per un altro.
Ha senso oggi se il tuo traffico è dominato dal mobile e la velocità è un problema di business misurabile (carrelli abbandonati, conversioni basse su smartphone); se hai — o puoi permetterti stabilmente — un team con competenze React; se il tuo storefront ha logiche di presentazione ricche e distintive che il tema classico ti costringe a forzare; se stai comunque affrontando un re-platforming e puoi assorbire la curva di apprendimento dentro un progetto già grande. In questi casi investire ora ti mette avanti quando la tecnologia maturerà.
Non ha senso oggi se il tuo negozio funziona, converte e il frontend classico non è il collo di bottiglia; se hai molte personalizzazioni e moduli di terze parti su cui la copertura GraphQL è incerta; se il tuo team è solido su PHP ma non ha esperienza React; se stai cercando un ritorno rapido e a basso rischio. In questi scenari il tema classico, ben ottimizzato su caching, immagini e Core Web, ti dà il 70% del beneficio percepito con una frazione del rischio.
La mia sintesi, dopo averci lavorato: PWA Studio nel 2020 è una scommessa strategica, non un aggiornamento di frontend. Va fatta con gli occhi aperti, sapendo che stai comprando il futuro pagandolo al prezzo dell’immaturità di oggi. Per chi ha le spalle giuste, è un investimento che ha senso. Per tutti gli altri, aspettare un altro po’ non è pigrizia: è gestione del rischio.
Mini-FAQ
PWA Studio sostituisce Magento? No. Sostituisce solo il frontend. Il backend resta Magento/Adobe Commerce e continua a gestire catalogo, ordini e logica di business, esposti via GraphQL.
Serve React per usarlo? Sì. Venia e Peregrine sono costruiti su React: senza competenze React solide in team il progetto diventa difficile da mantenere.
Migliora davvero le performance mobile? Sì, se costruito bene. Una PWA ben fatta offre caricamento progressivo e velocità vicina al nativo, ma il risultato dipende dall’implementazione, non è automatico.
Conviene a un merchant mid-market nel 2020? Solo se il mobile è dominante, la velocità è un problema misurabile e c’è competenza React disponibile. Altrimenti il tema classico ottimizzato resta la scelta più razionale.
Fabio Canovi è esperto di Magento e Adobe Commerce, tra i primi in Italia a ottenere la certificazione Adobe Commerce. Progetta e gestisce soluzioni e-commerce per merchant di fascia mid-market.