E-COMMERCE / BIO-SPORTNAHRUNG

ROC Sports

Vorne neu. Hinten verbunden.

Ein neues Next.js-Frontend für den Shop aus Steyr. WooCommerce und die JTL-Warenwirtschaft bleiben die Grundlage für Produkte, Bestellungen und den Datenabgleich.

Website besuchen
BETRIEB
Bio-Sportnahrung aus Steyr
MEINE AUFGABE
Shop-Frontend & Anbindungen
ONLINE SEIT
10. September 2026

01 / AUSGANGSLAGE

Worum es ging.

ROC Sports hatte einen bestehenden WooCommerce-Shop mit JTL-Warenwirtschaft. Das Frontend sollte neu entstehen, während Backend, Bestellungen und der Abgleich mit der Warenwirtschaft weiter genutzt werden sollten.

02 / MEINE ARBEIT

So habe ich es umgesetzt.

Ich habe das Shop-Frontend mit Next.js auf einem eigenen Server neu aufgebaut. WooCommerce arbeitet als Backend weiter. Die JTL-Warenwirtschaft bleibt führend für Produkte, Preise und Nährwerte; die neue Oberfläche greift auf diese Daten zu.

Produkte und Preise

Darstellung von Produkten mit Varianten, Staffel- und Grundpreisen. Nährwerte, Preise und Texte kommen aus der Warenwirtschaft.

Checkout und Zahlung

Zahlung über Stripe und Einbindung der Bestellabläufe in das bestehende WooCommerce-System.

Partnerprogramm und Abgleich

Das Partnerprogramm ist Teil des neuen Auftritts. Der Datenabgleich mit JTL-Wawi wird weitergeführt.

TECHNIK IM PROJEKT
  • Next.js
  • WooCommerce REST API
  • JTL-Wawi
  • Stripe

03 / ERGEBNIS

Was daraus geworden ist.

Der neue Shop ist seit dem 10. September 2026 online. Zum Start umfasste er 101 Produkte, das Partnerprogramm und die Stripe-Zahlung. Die vorhandene Warenwirtschaft bleibt in den Shop eingebunden.

Passende Leistungen.

Headless-Shops von Markus Stöger

Mein Angebot für ein eigenes Shop-Frontend auf Basis deines WooCommerce-Shops.

WooCommerce & individuelle Shops

Shop-Funktionen und Abläufe passend zum Betrieb planen.

Warenwirtschaft anbinden

Produkte, Preise und Bestellungen zwischen den Systemen verbinden.

DEIN PROJEKT HAT SEINE EIGENE GESCHICHTE.

Was hast du vor?

Neue Website, ein Shop oder Unterstützung für deinen bestehenden Auftritt? Wir sprechen darüber, was du brauchst.

Ähnliches Projekt besprechen