Zum Inhalt springen
aviral gupta

// LEISTUNG 09 — E-COMMERCE

E-Commerce, gebaut damit der Katalog rankt und der Checkout konvertiert.

Transaktionsfähige Storefront-Services, gebaut für die Crawl-Effizienz des Katalogs und die Integrität des Checkouts. Idempotente Order-Orchestrierung, regionale Payment-Gateway-Webhooks über mehrere Anbieter und verteilte Datenschichten, die sich mit den Backend-Systemen abgleichen.

✓ Payment-Gateways: N-Genius, Adyen · ✓ 326 SEO-Seiten für Cariva ausgeliefert · ✓ 6 produktive Microservices

Architekturfokus
Transaktionale Korrektheit: Checkout- und Buchungszustand, idempotente Webhooks, Abgleich
System-Benchmark
Deployter Shop mit produktivem, abgeglichenem Checkout
Verifikationsstufen
Vitest-Suites über Order-State-Übergänge, Purchase-Event-QA, Schema-Validierung

Alle Leistungen

// TECHNISCHE VERANTWORTUNG

Was umfasst ein produktionsreifer E-Commerce-Build wirklich?

Katalog- und Produktdatenmodell

Produkte, Varianten, Optionen, Bestand und Preise werden einmal modelliert und dann aus derselben Quelle an Storefront, Feeds und Schema ausgeliefert, damit zwischen den Kanälen nichts auseinanderläuft.

Services, die den Katalog tragen

Katalog, Preise, Bestellungen und Zahlungen sind in Services aufgeteilt, die sich getrennt deployen und skalieren lassen: die Form der sechs Node.js-Microservices, die ich produktiv für zwei Marken gleichzeitig betrieben habe.

Ein Checkout, der echten Traffic aushält

Warenkorb-Persistenz, Gast-Checkout, Adress- und Mehrwertsteuer-Behandlung, Fehlerzustände und idempotente Bestellanlage, damit ein doppelt getippter Bezahl-Button nie zwei Belastungen oder zwei Bestellungen erzeugt.

Payment-Gateway-Integration

N-Genius, Adyen, Bank of Muscat und PointsPay, angebunden mit Webhooks, 3-D Secure, Rückerstattungen und Abgleich, dazu ehrliche Hinweise zu den Onboarding-Zeiten, bevor Sie sich festlegen.

Product- und Offer-Schema

Product, Offer, BreadcrumbList und ItemList aus den Live-Katalogdaten erzeugt und im Rich-Results-Test validiert, damit Einträge korrekt bleiben, wenn sich Bestand, Varianten und Preise ändern.

Crawl-Kontrolle für die Facettennavigation

Filter- und Sortierkombinationen erzeugen nahezu unendlich viele URLs. Ich entscheide, welche Facetten indexierbare Routen bekommen, welche Canonicals oder noindex, und welche blockiert werden, bevor das Crawl-Budget verschwindet.

Umsatz-Tracking, das aufgeht

GA4-E-Commerce-Events, Meta Pixel mit Conversions API und Deduplizierung sowie serverseitige Purchase-Events — damit die Zahl in Ihrer Werbeplattform der Zahl in Ihrer Bestelltabelle entspricht.

Performance-Budgets für Produkt- und Kategorieseiten

Kategorie- und Produkt-Templates gebaut auf LCP unter 2,5 s und CLS von null, mit Bild-Pipelines und Lazy Hydration, abgestimmt auf lange Listenseiten in Mobilfunknetzen.

// ABLAUF

Wie funktioniert es?

  1. 1

    Kaufmännische Analyse

    Ein Arbeitsgespräch über Katalogumfang, Margen, Märkte und Fulfilment, damit die Plattformentscheidung auf Ihrer Wirtschaftlichkeit beruht und nicht auf meiner Vorliebe.

  2. 2

    Architekturentscheidung, schriftlich

    Ein kurzer schriftlicher Vergleich der realistischen Optionen für Ihren Fall: Rendering-Strategie, Service-Grenzen, Änderungskosten, Eigentum und die Risiken jeder Option.

  3. 3

    Blueprint

    Datenmodell, URL- und Facettenarchitektur, Schema-Karte, Tracking-Konzept und Gateway-Wahl werden freigegeben, bevor ein einziges Template gestaltet wird.

  4. 4

    Bauen und Transaktionen testen

    Wöchentliche Staging-Demos, echte Testbestellungen durch die Gateway-Sandbox, durchgespielte Rückerstattungs- und Fehlerpfade, Performance-Budgets bei jedem Deploy erzwungen.

  5. 5

    Launch und dem Geld folgen

    Umstellung mit Weiterleitungen, falls Sie die Plattform wechseln, danach dreißig Tage Beobachtung von Indexierung, Core Web Vitals und Genauigkeit der Purchase-Events, wöchentlich schriftlich berichtet.

// NACHWEIS

Wo habe ich das produktiv betrieben?

Cariva, eine Autoverkaufs- und Gebrauchtwagenplattform aus den VAE, kommt diesem Build am nächsten: ein Next.js-Frontend auf sechs Node.js-Microservices, 326 templatisierte SEO-Seiten, davon 149 Modell-, 100 Gebrauchtwagen- und 65 Markenseiten, Payment-Gateways inklusive N-Genius und eine vollständige Ebene aus GA4, GTM und Meta Pixel. Dieselben Probleme wie bei einem Katalogshop — templatisierte Seiten in großer Zahl, transaktionaler Checkout, Geld, das zusammenpassen muss. Bei Thrifty habe ich später ein Modul zur Rückgewinnung abgebrochener Buchungen auf derselben Art von Data Layer gebaut.

326 SEO-Seiten6 MicroservicesN-Genius produktiv im EinsatzRecovery-Modul = neuer Umsatz

Die vollständige Fallstudie lesen

// TOOL-STACK

Welche Tools nutze ich?

Next.jsReactTypeScriptNode.jsMongoDBExpressN-GeniusAdyenNetwork InternationalGA4Meta CAPIScreaming FrogLighthouse CISearch Console

Dieselben Tools, mit denen ich auch Ihre Website prüfe.

// FAQ

Was sollten Sie über meine Arbeitsweise dabei wissen?

Nach Ihrer Wirtschaftlichkeit, nicht nach meiner Vorliebe. Der Katalogumfang entscheidet, wie viel vom Shop zur Build-Zeit erzeugt werden kann und wie viel dynamisch bleiben muss. Die Form des Traffics entscheidet, wo das Caching sitzt. Abos, komplexe Preislogik, B2B-Regeln und ungewöhnliches Fulfilment entscheiden, wo die Service-Grenzen verlaufen. Ich schreibe diesen Vergleich auf, einschließlich Änderungskosten, Eigentum und Integrationsrisiko, bevor irgendetwas gestaltet wird, damit Sie widersprechen können.

Ihnen, vollständig, ab dem ersten Commit. Der Code liegt in Ihrem Repository, wird aus Ihrem Hosting-Account deployt und verbindet sich mit Gateway- und Analytics-Accounts, die auf Ihren Namen laufen. Es gibt keine Lizenz, keine Hosting-Bindung und keinen agentureigenen Wrapper. Wenn Sie zu einem anderen Entwickler wechseln, übergeben Sie die Zugänge und alles läuft weiter. Das ist der Maßstab, gegen den ich baue.

Die vier Anbieter, die ich produktiv integriert habe, sind N-Genius, Adyen, Bank of Muscat und PointsPay, alle im selben Buchungsablauf. Für einen VAE-Shop sind N-Genius und Adyen das übliche Paar. Anderswo ändert sich der Anbieter, aber die Integrationsarbeit nicht. Wichtiger als das Logo ist die Integration: Webhooks, 3-D Secure, Rückerstattungen, Idempotenz und Abgleich. Ich weise außerdem früh auf Onboarding-Zeiten hin, denn die Händlerfreigabe dauert bei manchen Anbietern Tage und bei anderen Wochen, und dieses Timing bestimmt Ihren Launch-Termin mit.

Das ist die Standardanforderung, kein Zusatz. Ich crawle jede bestehende URL — Produkte, Kategorien, gefilterte Seiten, ausgelaufene Linien — und ordne jede ihrem Ziel zu, bevor der Neuaufbau beginnt. Metadaten, Canonicals und Product-Schema werden übernommen oder gezielt verbessert. Genau das habe ich bei einer Migration von PHP Laravel zu Next.js für Thrifty in den VAE ohne Ranking-Verlust gemacht, und dasselbe Playbook gilt für einen Katalog.

Sechs bis zwölf Wochen vom unterschriebenen Umfang bis zum produktiven Checkout, je nach Katalogumfang, Anzahl der Integrationen und Zustand Ihrer Produktdaten. Analyse und Plattformentscheidung nehmen die erste Woche ein. Danach sehen Sie jede Woche eine Staging-URL — Fortschritt ist sichtbar, nicht nur berichtet. Die Händlerfreigabe beim Gateway läuft parallel, weil sie meist die längste externe Abhängigkeit ist.

Dreißig Tage Monitoring sind enthalten: Indexierung, Core Web Vitals, Gateway-Fehler und Genauigkeit der Purchase-Events, wöchentlich schriftlich berichtet. Shops gehen auf sehr spezifische Weise kaputt — ein fehlgeschlagener Webhook, ein Schema-Feld, das nicht mehr validiert, eine Filterseite, die plötzlich indexiert wird —, deshalb zielt das Beobachtungsfenster genau darauf. Über die dreißig Tage hinaus hält eine optionale laufende Betreuung dieselben Prüfungen am Laufen.

Oft. Ich bin ein einzelner Entwickler, keine Agentur, also füge ich mich in Ihren Workflow ein, statt ihn zu ersetzen: Ihr Repository, Ihre Branch-Strategie, Ihr Ticketboard, Ihr Review-Prozess. Eine übliche Aufteilung ist, dass ich Storefront, Checkout, Schema und Tracking verantworte, während Ihr Team Backend oder ERP-Integration behält.

// OFFEN FÜR NEUE ROLLEN

Bauen Sie einen Shop, oder wechseln Sie die Plattform?