React-Projekt

Trusted Shops - Shopify

Entwicklung einer Shopify App mit React & AWS Lambda

Cloud
NodeJS
Frontend
TypeScript
React

Händlerfreundliche Integration der Trusted Shops Shopify App

Die Entwicklung einer Shopify App mit React und AWS Lambda löste die Herausforderung der einfachen Integration von Trustbadge® und Widgets. Die App bietet eine automatische Konfiguration und ist für Händler leicht zu bedienen.

Trusted Shops Shopify App Trustbadge
Trusted Shops Shopify App Widgets
Trusted Shops Shopify App Review Invites

Es gibt zwei Kategorien von Agenturen: Die einen machen nur, was gesagt wird, die anderen denken auch mit. W11K gehört definitiv zur zweiten.

Najoie Hami-Eddine

Najoie Hami-Eddine

Product Owner, Trusted Shops

Lösung

W11K entwickelt eine Serverless-App auf Basis von AWS Lambda und AWS DynamoDB, die vollautomatisch über Terraform deployed wird.

Das User Interface wird von einer, durch Trusted Shops entwickelten, Web Component implementiert. Diese wurde über ein leichtgewichtiges React-Setup in die Web-App integriert. Ein NestJS-Backend kapselt die Kommunikation mit den verschiedenen APIs bei Shopify und der Trusted Shops Web Component.


Eine strukturierte Dokumentation und eine ausführliche Übergabe nach Projektabschluss stellten eine erfolgreiche Inbetriebnahme von Trusted Shops sicher.


Händler können die finale Anwendung über den Shopify-App-Store unkompliziert zu ihrem Shop hinzufügen: https://apps.shopify.com/trusted-shops-easy-integration

Herausforderung

  • Entwicklung einer React-basierten Web-App zur Konfiguration von Trustbadge, Widgets und weiteren Funktionen
  • Automatische Integration der Trusted Shops Trustbadge und Widgets in die Storefront des Shopify-Shops
  • Automatisiertes Deployment und Betrieb der Anwendung mit AWS Lambda, DynamoDB und Cloudfront mit Terraform
  • Integration der App in die Shopify-Plattform: Umsetzung der User-Authentifizierung über Shopify, Anbindung an verschiedene API’s und Webhooks auf Seite von Shopify
  • Realisierung des Backends mit AWS Cloudfront, DynamoDB & AWS Lambda

Facts

  • Aufwandsschätzung und Erstellung Festpreis-Angebot
  • Projektplanung mit Lieferterminen für einzelne Meilensteine
  • Wöchentlicher Regeltermin zur Besprechung des aktuellen Standes

Technologien

React, Typescript

NestJS, NodeJS

AWS Lambda, AWS DynamoDB, AWS Cloudfront, AWS S3

Terraform

Top Company 2024