Case study: Puriphy Shopify App

We leven op een prachtige planeet die we moeten beschermen. De opwarming van de aarde door menselijke uitstoot heeft geleid tot een stijgende zeespiegel, bosbranden en de verstoring van ecosystemen over de hele wereld. Dat is waar Puriphy het verschil wil maken. Puriphy is de directe schakel tussen online retailers, hun klanten en geverifieerde klimaatprojecten.

Shopify heeft wereldwijd meer dan 4,82 miljoen actieve winkels, bijna 5 miljoen dagelijks actieve gebruikers en blijft groeien! Daarom is het voor Puriphy essentieel om deze markt te betreden. Om die reden namen ze contact op met ons, We Do Dev Work, om een Shopify app te bouwen en de Puriphy widgets naadloos te integreren in het Shopify-ecosysteem.

We hebben al veel Shopify-winkels gebouwd met zowel standaardthema's als onze eigen in-house ontwikkelde thema's. Hierbij maakten we gebruik van Liquid, JavaScript en tientallen Shopify app-integraties. Maar het zelf bouwen van een daadwerkelijke app was een primeur. Ons doel was nu om iets te creëren dat in veel verschillende winkels geïntegreerd kan worden en toch optimaal blijft functioneren binnen die diverse omgevingen.

Onze aanpak

Het werd al snel duidelijk dat het bouwen van een app niet zo ingewikkeld hoeft te zijn: download de template via de CLI, implementeer de demo-app op een partneraccount en begin met bouwen. Met wat basiskennis van Liquid en React, en door onderzoek te doen naar hun API, konden we snel een aantal basis Shopify-bouwstenen ontwikkelen die gebruikers aan hun winkel kunnen toevoegen.

Vervolgens hebben we het app-dashboard zelf ontwikkeld: een gebruiksvriendelijke UI die alle functies uitlegt en de gebruiker door het installatieproces leidt. Shopify stelt beperkingen aan wat een app kan doen in de winkel van een klant, wat betekende dat we creatief moesten omgaan met de Shopify API. Dat was waarschijnlijk de grootste uitdaging: voor elk component van onze app een alternatieve functie vinden binnen de API.

Tot slot hebben we de backend-routes geïmplementeerd om het Shopify-account van de gebruiker te koppelen aan het backend-systeem van Puriphy. Zodra alles werkte, was het tijd om de app in te dienen voor de Shopify App Store.

Wat we hebben geleerd

Shopify is niet voor iedereen. Er is een leercurve, vooral omdat de functies van de Shopify API niet altijd even samenhangend zijn en het vaak voelt alsof je iets compleet nieuws leert. Het is ook lastig om de versies bij te houden; tijdens de ontwikkeling waren sommige kernelementen al veranderd, wat leidde tot een paar pittige debugging-sessies. Maar het goede nieuws is dat zodra je hun opzet begrijpt, het relatief eenvoudig is om nieuwe functies aan een app toe te voegen.

De samenwerking met Puriphy verliep uitstekend. Ze stellen hun missie echt centraal en hoewel we regelmatig moesten schakelen met hun development-team om backend-functies toe te voegen die onze app ondersteunen, hebben we binnen drie weken succesvol een eerste versie opgeleverd.