Indice
Sempre più fornitori di tecnologia per l'e-commerce offrono soluzioni di hosting e infrastruttura Frontend-as-a-Service per consentire il funzionamento scalabile delle applicazioni di e-commerce. Nel 2021 Shopify ha annunciato il suo investimento nell'headless commerce (ovvero un'architettura di e-commerce che separa il backend dal frontend) con Hydrogen e Oxygen, ora ufficialmente operativi. Con la possibilità di creare un'esperienza online molto personalizzata o unica, queste soluzioni sono destinate a diventare molto popolari per i grandi marchi e i gestori di e-commerce.
In questo articolo vi spieghiamo cosa sono e quando dovrebbero essere utilizzati.
Hydrogen
Annunciato allo Shopify Unite 2021, Hydrogen è un framework basato su React che consente di creare rapidamente vetrine custom con maggiori opzioni di personalizzazione senza impattare sulle prestazioni del sito.
Perché è utile? In passato, con Shopify lo sviluppatore doveva scendere a compromessi tra un sito web veloce e un bel design. Con Hydrogen, vengono riunite diverse tecnologie per ottenere prestazioni eccezionali e un'esperienza utente dinamica. In particolare l'aiuto maggiore si vede nelle seguenti aree:
- Limitazioni sui temi: spesso anche se il tema in sé è performante, appena si aggiungono librerie di terze parti, app o contenuti ricchi di dati essi vanno a ralentare notevolmente il tuo negozio Shopify influenzando negativamente la performance del tuo sito.
- Libertà di design: lo sviluppatore di temi opera sempre entro certi limiti, ma su Hydrogen le possibilità di progettazione sono praticamente infinite. Inoltre, trattandosi di un framework basato su React, ci sono molti più sviluppatori rispetto alla ricerca di uno sviluppatore Shopify, permettendo di aumentare il proprio team con persone altamente qualificate.
- Costi e velocità di sviluppo: la creazione di una vetrina personalizzata utilizzando l'API di Shopify ha richiesto molto tempo e ha comportato sfide tecniche che l'hanno resa di conseguenza molto costosa. Ora Hydrogen mitiga alcuni di questi problemi accelerando il processo di sviluppo e rendendolo meno costoso e più accessibile.
I vantaggi di Hydrogen:
- Modelli di partenza: con Hydrogen, i team di sviluppo hanno accesso a un kit di partenza che include anche un negozio demo già pronto, accelerando i tempi di sviluppo.
- Componenti precostituiti: Hydrogen dispone di componenti precostituiti che consentono agli sviluppatori di lavorare con l'API. Il framework consente inoltre di riutilizzare i componenti in tutto il sito web, poiché è dotato di un default tail wind.
- Streaming server-side rendering: Il sito web viene caricato in modo progressivo in base alla priorità e alla navigazione dell'utente, anziché caricare l'intera pagina in una sola volta, migliorando notevolmente la velocità del sito.
- Preparato per il successo SEO: Hydrogen include ottimizzazioni SEO già pronte, come una sitemap generata automaticamente, metadati per ogni pagina e un file robots.txt personalizzabile.
Gli svantaggi di Hydrogen:
- Sviluppato per l'API di Shopify: Hydrogen è stato sviluppato solo per l'API di Shopify. Pertanto, i suoi componenti sono fortemente legati a singole parti dell'API di Shopify. Inoltre, Hydrogen può essere utilizzato solo per creare vetrine Shopify e non supporta altre vetrine personalizzate, come le app mobile.
- Flusso di lavoro incentrato sugli sviluppatori: il framework Hydrogen è molto incentrato sul codice, il che significa che tutto deve essere sviluppato e mantenuto dal team di sviluppo o da un'azienda specializzata in Shopify. I team non addetti allo sviluppo non saranno in grado di gestire il front-end del sito web.In alternativa, puoi lavorare con un'azienda specializzata in Shopify come DevInterface: il nostro team è a disposizione per aiutarti a trovare la soluzione migliore.
- Integrazioni di app: Sebbene Shopify abbia alcune delle sue app più popolari pronte per una facile integrazione con il framework Hydrogen e offra e offra diversi CMS preferiti, se desideri un CMS o un'applicazione non compatibile dovrai collegarla tu stesso attraverso un middleware.
Oxygen
Oxygen è una soluzione di hosting nativa integrata in Shopify che consente di ospitare i negozi Hydrogen direttamente su Shopify Plus, senza più dover ricorrere a piattaforme di terze parti per ospitare i framework. È possibile integrarsi perfettamente con l'API di Shopify e distribuire diversi negozi Hydrogen per l'anteprima, la condivisione, il test e la sperimentazione.
Oxygen è stato inoltre progettato per gestire grandi quantità di traffico simultaneo durante grandi vendite come il Black Friday senza andare in crash e per essere distribuito a livello globale.
Con il lancio di Hydrogen & Oxygen lo scorso giugno 2022, Shopify ha aperto l'Headless Commerce a una gamma più ampia di commercianti, non solo a quelli con vendite elevate e una vasta base di clienti. Per i brand, Headless e Hydrogen (come framework Headless) significa nuove opportunità per rispondere più velocemente e adattarsi alle mutevoli esigenze per aumentare i tassi di conversione. Per i clienti, le esperienze più veloci e ricche nei loro negozi online preferiti diventano la norma.
Che cosa ne pensi di Hydrogen, hai già avuto modo di testarlo? Faccelo sapere nei commenti!
.jpg)
