Projekt-Details

Sportoonline / QuickEcommerce — Omnichannel E-Commerce-Plattform

Eine Multi-Store-Sport- und Lifestyle-Commerce-Plattform, die eine Laravel-API, Next.js-Storefront und Admin-Panel mit einer Flutter-Mobilanwendung kombiniert.

Kunde

Sportoonline

Start

03 Feb 2026

Abgeschlossen

Sportoonline / QuickEcommerce — Omnichannel E-Commerce-Plattform – Benutzeroberfläche und Projektansicht
Beschreibung

Eine Multi-Store-Sport- und Lifestyle-Commerce-Plattform, die eine Laravel-API, Next.js-Storefront und Admin-Panel mit einer Flutter-Mobilanwendung kombiniert.

Fallstudie

Herausforderung

Ein Großteil der Produkte wurde auch auf den Websites der Lieferanten verkauft, Preise und Bestände änderten sich im Tagesverlauf, und manche Quellen meldeten nur verfügbar oder nicht verfügbar. Ein manuell gepflegter Katalog riskierte falsche Preise und den Verkauf nicht mehr vorhandener Artikel; zudem mussten Zahlungen mehrerer Händler getrennt werden.

Vorgehen

Auf der Laravel-API entstand ein täglicher Abgleich mit plattformspezifischen Parsern, einer 30-Prozent-Grenze und einer Bestandsprüfung nach der Bestellung. Zahlungen werden im iyzico-Marktplatzmodus pro Händler aufgeteilt; Storefront, Admin-Panel und Flutter-App greifen auf dieselbe API zu.

Ergebnis

Sportoonline ist live und verkauft; Stand September 2026 sind 32 Shops und 6.686 Produkte gelistet. Preise und Bestände aktualisieren sich täglich automatisch, Erstattungen für ausverkaufte Artikel starten ohne manuelles Eingreifen.

Tools

Laravel, PHP, Next.js, React, TypeScript, Flutter, MySQL, Tailwind CSS, Redux Toolkit, React Query

Hauptfunktionen
  • 32 Händlershops, 6.686 Produkte online, 9 Hauptkategorien

  • Zahlungsaufteilung pro Händler im iyzico-Marktplatzmodus

  • Täglicher Preis- und Bestandsabgleich aus 20+ Quellen

  • Datenschutzgrenze: Preisänderungen über 30 % werden verworfen

  • Bestandsprüfung 30 Min. nach Zahlung, automatische Erstattung

  • Next.js-16-Storefront, eigenes Admin-Panel, Flutter-App

  • Gutscheine, Bundles, Treuepunkte, Wallet, Preisalarm

  • Versand über Geliver, PayTR und Zahlung bei Lieferung

  • Produktfeeds für Google und Cimri, Produkt-Sitemaps

Verwendete Technologien
  • Laravel

  • PHP

  • Next.js

  • React

  • TypeScript

  • Flutter

  • MySQL

  • Tailwind CSS

  • Redux Toolkit

  • React Query

Design-Highlights
  • Bei unklarem Bestandssignal entscheidet das System nicht selbst, sondern meldet

  • Der Abgleich ändert nur Preis und Bestand und legt nie selbst Produkte an

  • Web und App nutzen dieselbe API und dieselben Geschäftsregeln

  • Serverseitig gerenderter Storefront für SEO und schnellen ersten Seitenaufbau

  • Live-Besucherzahl auf Produktseiten und Empfehlungen aus gemeinsamen Käufen

Details

Sportoonline ist ein Multi-Vendor-Marktplatz für Sporternährung, Fitnessgeräte, Outdoor-Ausrüstung und Sportbekleidung auf dem türkischen Markt. Darunter läuft QuickEcommerce, unsere eigene Commerce-Plattform: eine Laravel-API, ein Next.js-Storefront, ein separates Next.js-Admin-Panel und eine Flutter-Kunden-App. Jeder Händler erscheint mit eigenem Shop, Zahlungen werden pro Händler aufgeteilt, und Preise sowie Bestände werden täglich automatisch aus den Lieferantenquellen aktualisiert.

Ausgangslage und Anforderungen

Das Schwierigste an einem Marktplatz ist nicht das Schaufenster, sondern die Daten dahinter. Ein großer Teil des Sortiments wird auch auf den Websites der Lieferanten verkauft; Preise ändern sich häufig, Bestände können im Tagesverlauf ausgehen. Manche Lieferanten nennen keine Stückzahlen, sondern nur verfügbar oder nicht verfügbar. Ein manuell gepflegter Katalog kann bei diesem Tempo nicht korrekt bleiben: Ein falscher Preis kostet Geld, und ein verkaufter Artikel, den es nicht mehr gibt, bedeutet Stornierung und verlorene Kunden. Zudem mussten Zahlungen mehrerer Händler auf getrennte Konten verteilt und Versand, Retouren und Aktionen im selben System abgebildet werden.

Lösung und Umfang

Storefront

Der Storefront wird mit Next.js 16 serverseitig gerendert. Kunden navigieren über Kategorie-, Marken- und Shopseiten, finden Produkte über eine normalisierte Suche und sehen auf der Produktseite Varianten, Bestand, Bewertungen und wie viele Personen das Produkt gerade ansehen. Neben Warenkorb und Checkout gibt es Aktionen, Gutscheine, Produktbundles, ein Treuepunkteprogramm, eine Wallet, Favoriten, Sendungsverfolgung, Retouren- und Umtauschanfragen, Nachrichten und Support. Interessierte Händler bewerben sich direkt über die Website. Rechtstexte wie Fernabsatzvertrag, Datenschutzhinweise sowie Versand- und Rückgabebedingungen stehen auf eigenen Seiten.

Mobile App

Die Flutter-Kunden-App nutzt dieselbe API: Startseite, Kategorien, Produktdetails, Warenkorb und Checkout, Lieferadressen, Favoriten, Bestellungen, Wallet, Gutscheine, Shop-Informationen, Live-Chat und Push-Benachrichtigungen über Firebase. Aus derselben Codebasis lässt sich die App auch für das Web bauen.

Automatisierte Abläufe rund um den Kauf

Die Plattform übernimmt Erinnerungen vor und nach dem Kauf selbst: Erinnerungen an verlassene Warenkörbe, Hinweise bei Preissenkungen von Favoriten, Nachkauf-Erinnerungen für Verbrauchsprodukte und Bewertungsanfragen nach der Lieferung. Im Warenkorb erscheinen Produktempfehlungen auf Basis gemeinsamer Käufe.

Verwaltungsoberfläche

Im Panel, einer eigenen Next.js-Anwendung, werden Produkte, Kategorien, Marken, Merkmals- und dynamische Felddefinitionen, Einheiten und Tags gepflegt. Bestellungen, Kunden, Händler und Shops, Shop-Mitteilungen, Kurierdaten, Gutscheine, Aktionen, Bundles, das Treueprogramm, Wallets und Finanzbuchungen laufen an einer Stelle zusammen. Auch Einstellungen der Zahlungsanbieter, Zahlungsprotokolle, der SMS-Anbieter, Benachrichtigungen, Blog und Seiten, Slider, verlassene Warenkörbe, Supporttickets und Feedback sind hier zu finden. Rollen und Berechtigungen, Mitarbeiterkonten, Berichte und Analysen sowie eine eigene Überwachungsseite für den Zustand der Lieferantenquellen runden das Panel ab.

Technische Architektur

Der Kern ist eine API auf PHP 8.2 und Laravel 12 mit getrennten Routengruppen für Kunden, Händler, Administratoren und Kuriere. Für die Authentifizierung kommt Sanctum zum Einsatz, für Social Login Socialite; die Daten liegen in MySQL. Lang laufende Aufgaben werden in Warteschlangen verarbeitet, wiederkehrende Aufgaben als geplante Befehle ausgeführt. Der Storefront basiert auf Next.js 16, React 19, TypeScript und Tailwind CSS, der Zustand wird mit Redux Toolkit, Zustand und React Query verwaltet.

Preis- und Bestandsabgleich mit Lieferanten

Das ist das Alleinstellungsmerkmal der Plattform. Mehr als zwanzig aktive Lieferantenquellen werden jeden Morgen automatisch geprüft, mit eigenen Parsern für Plattformen wie WooCommerce, Shopify, OpenCart, Ticimax, IdeaSoft und Odoo. Der Abgleich aktualisiert nur Preis und Bestand und legt keine neuen Produkte an; Preisänderungen über 30 Prozent gelten als fehlerhafte Daten und werden übersprungen. Für jede Quelle wird der letzte erfolgreiche Lauf erfasst, veraltete Quellen lösen einen Alarm aus.

Bestandsprüfung nach der Bestellung und automatische Erstattung

Bei Quellen, die nur verfügbar oder nicht verfügbar melden, wird 30 Minuten nach der Zahlung für jede Bestellposition die Produktseite des Lieferanten erneut geprüft. Ist der Artikel eindeutig ausverkauft, wird die Bestellung storniert und die Zahlung automatisch über iyzico erstattet; die Erstattung erscheint im Panel in der Liste der Rückerstattungen. Ist das Signal unklar, entscheidet das System nicht selbst, sondern schickt eine Zusammenfassung an den Administrator.

Betrieb und SEO

Abgleich offener Zahlungen, Prüfung der Zahlungsintegrität, Bereinigung unbezahlter Bestellungen, Quarantäne für Produkte ohne Bilder, Berichte zu Versandzeiten und ein Alarm bei Serverfehlern laufen als geplante Befehle. Produkt- und Kategorieseiten werden serverseitig gerendert; Produkt-Sitemaps, llms.txt, IndexNow und eine SEO-Qualitätsprüfung für Produkte sind vorhanden.

Integrationen

  • iyzico-Marktplatzmodus: Der Kundenbetrag geht als Sub-Merchant-Guthaben an den Händler, die Provision an die Plattform.
  • PayTR und Zahlung bei Lieferung: weitere Optionen im Checkout.
  • Geliver: Versandetiketten und Sendungsnummern.
  • Firebase: Push-Benachrichtigungen in der App.
  • Produktfeeds für Google und Cimri: XML für Preisvergleich und Shopping-Anzeigen.
  • Telegram: Alarme zu Lieferantenabgleich und Bestandsprüfung.

Ergebnis

Sportoonline ist unter sportoonline.com live und verkauft. Stand September 2026 sind 32 Händlershops und 6.686 veröffentlichte Produkte in 9 Hauptkategorien gelistet. Preise und Bestände aktualisieren sich täglich automatisch, und wird ein nicht mehr verfügbarer Artikel verkauft, startet die Erstattung ohne manuelles Eingreifen. Dieselbe QuickEcommerce-Plattform lässt sich auch für Einzelhändler-Shops und Marktplätze in anderen Branchen einsetzen.