Wer: Mariusz Szatkowski, Commerce-Ingenieur mit Erfahrung in großen WooCommerce-Programmen und komplexen Shopify-Rollouts in DACH. Fokus auf nachvollziehbare Messungen und Integrationen, die Finance und Operations verstehen.
Was: Liquid-Themes, Storefront API-gestützte Headless-Frontends inklusive Hydrogen und Remix-artiger Datenpfade wo passend, Functions und UI-Extensions, ERP-Anbindungen, Webhook-Orchestrierung und Rettungsprojekte nach überladenen App-Stacks.
Wo: Remote aus Gdynia für Marken in Deutschland, Österreich, der Schweiz und der EU, mit Bewusstsein für USt-Sonderfälle, Drittland-Logistik und typische Fulfillment-SLAs im Einzelhandel.
Investition:
- Theme-Rebuild oder OS2-Migration: individuelles Angebot
- Headless / Hydrogen: individuelles Angebot
- Integrations-Schicht ERP oder OMS: individuelles Angebot
- Performance- und laufende Betreuung-Pakete: individuelles Angebot
- Analysegespräch: unentgeltlich bei qualifiziertem Retail-Umfang
Shopify-Entwickler für belastbare Geschäftsmodelle im DACH-Raum
Shopify verkürzt den Weg von Idee zu lauffähigem Checkout, ersetzt aber kein durchdachtes Stammdatenmodell. Ein Shopify-Entwickler sorgt dafür, dass Liquid wartbar bleibt, Metafelder konsistent sind und Webhooks unter Last nicht zu doppelten Lieferaufträgen im ERP führen.
Im deutschsprachigen Mittelstand entscheidet oft die Schnittstelle zwischen ERP, Lagerverwaltung und Kanälen über den Erfolg eines Relaunches. Shopify bringt Payments, Steuer-Engine und Checkout mit; unsere Aufgabe ist, keine Excel-getriebene Schattenlogik in Themes zu verstecken. Wenn parallel ein starkes Redaktionssystem gebraucht wird, verbinden wir das strategisch mit WordPress oder einem Headless-CMS, ohne doppelte Produktwahrheiten.
Stärken von Shopify und was wir von Tag eins modellieren
Shopify bündelt Katalog, Bestände, Märkte und Zahlungsarten. Das ist wertvoll, solange Unternehmen nicht versuchen, jede Sonderregel aus dem Großhandel 1:1 in Theme-Snippets zu pressen. Wir starten mit Märkten, Steuersätzen, Versandzonen und Retourenprozessen. Für B2B mit Nettobedingungen und Freigabeworkflow nutzen wir Shopify Plus-Features bewusst, nicht dekorativ.
DSGVO ist kein Marketinglabel: Webhooks mit personenbezogenen Daten brauchen dokumentierte Auftragsverarbeitung, Retention und Zugriffsbeschränkungen der Tokens. Wir legen Pfade offen, die eure Datenschutzrollen unterschreiben können, statt Geheimniskrämerei um Middleware-Hosting.
Tätigkeitsbild eines Shopify-Entwicklers
Der Job ist mehr als Theme-Patching:
- Sections & JSON-Templates für OS2 so strukturieren, dass Merchandiser Layouts ändern, ohne hero-Kritische Pfade zu zerstören.
- Metafelder & Metaobjekte so definieren, dass PIM- oder ERP-Exporte reproduzierbar importieren.
- GraphQL auf Storefront-Seite mit Pagination und Fehlerresilienz, besonders bei Kampagnen-Traffic aus Paid Social.
- Admin-API & Fulfillment für Teilshipments, Split-Warehouses und Abgleich mit Versanddienstleistern.
- App-Audit: redundante Reviews-, Upsell- und Loyalty-Apps zusammenführen oder durch native Automations ersetzen.
- Qualitätssicherung: INP auf Mobilgeräten messen, wenn Karussells und Empfehlungswidgets den Hauptthread blockieren.
Liquid und Online Store 2.0
OS2 ersetzt Legacy-Templates durch JSON-gesteuerte Sections. Viele Shops bleiben aus Migrationsangst auf Altständen, obwohl Redakteure dann an Page-Builder-Apps hängen. Wir planen Migrationen als Refactoring: Snippets entdoppeln, Bildprozesss für einheitliche Aspect Ratios, CLS bei dynamischen Merch-Blöcken vermeiden.
Barrierefreiheit ist Pflicht, nicht Option: Fokus-Fallen im Cart-Drawer, Kontrast der CTAs, Live-Regionen für Lagerstatus. Das wirkt sich auf Conversion und Support-Tickets aus, nicht nur auf „Lighthouse-Score“.
Codebeispiele für Review und Audit
Typische Produktionsmuster: deklarative OS2-Section-Settings, begrenzte GraphQL-Lesezugriffe für Kollektionsraster und Webhook-Worker mit Duplikat-Schutz.
Section-Schema (Online Store 2.0)
{% schema %}
{
"name": "Featured collection",
"tag": "section",
"class": "section-featured-collection",
"settings": [
{
"type": "collection",
"id": "collection",
"label": "Collection"
},
{
"type": "range",
"id": "products_to_show",
"min": 2,
"max": 12,
"step": 1,
"default": 4,
"label": "Products to show"
}
],
"presets": [{ "name": "Featured collection" }]
}
{% endschema %}
Storefront API mit Cursor-Pagination
Variablen: handle (Kollektion), first (Seitengroesse), after (Cursor).
query CollectionProducts($handle: String!, $first: Int!, $after: String) {
collection(handle: $handle) {
id
title
products(first: $first, after: $after) {
pageInfo {
hasNextPage
endCursor
}
edges {
cursor
node {
id
handle
title
}
}
}
}
}
Idempotenter Webhook-Handler (Skizze)
Shopify kann Webhooks wiederholen; dedupliziere ueber X-Shopify-Webhook-Id und Topic bevor ERP-Arbeit startet.
// Pseudocode: Node-artiger Worker mit kurzlebiger Dedupe-Cache
async function handleOrderCreate(payload, headers) {
const webhookId = headers["x-shopify-webhook-id"];
const orderId = payload?.id?.toString();
if (!webhookId || !orderId) return { status: 400 };
const dedupeKey = `orders/create:${webhookId}`;
if (await cache.has(dedupeKey)) {
return { status: 200, body: "duplicate ignored" };
}
await enqueueErpExport(orderId);
await cache.set(dedupeKey, "1", { ttlSeconds: 86400 });
return { status: 200 };
}
Begrenzte Liquid-Schleife für Produktraster
Festes limit und feste image_url-Breiten halten grosse Kataloge davon ab, teure Schleifen und uebergrosse Downloads auf mobilen Rastern zu erzeugen.
{% assign cap = section.settings.products_to_show | default: 8 %}
{% assign collection = section.settings.collection %}
<ul class="product-grid" role="list">
{% for product in collection.products limit: cap %}
<li>
<a href="{{ product.url }}">
{{
product.featured_image
| image_url: width: 640
| image_tag: loading: 'lazy', widths: '320,640,960'
}}
</a>
</li>
{% endfor %}
</ul>
Storefront API: Warenkorbzeilen hinzufuegen (Mutations-Skizze)
Wenn euer Bedrohungsmodell es verlangt, mutations ueber Serverroute, Worker oder Remix-Action in Hydrogen ausfuehren, damit das Storefront-Token nicht in jedem Browser-Bundle landet.
mutation cartLinesAdd($cartId: ID!, $lines: [CartLineInput!]!) {
cartLinesAdd(cartId: $cartId, lines: $lines) {
cart {
id
totalQuantity
}
userErrors {
field
message
}
}
}
Beispiel-Variablen:
{
"cartId": "gid://shopify/Cart/YOUR_CART_ID",
"lines": [
{
"merchandiseId": "gid://shopify/ProductVariant/YOUR_VARIANT_ID",
"quantity": 1
}
]
}
Headless mit Storefront API, Hydrogen, Remix und Oxygen
Die Storefront API liefert Katalog- und Warenkorbdaten per GraphQL, sodass ein Custom-Frontend Kollektionen, Mutationen und identitätsrelevante Flows ohne klassische Liquid-Templates rendern kann. Hydrogen bündelt React-Patterns für Streaming, Cart-State und Loader, die zu Handels-URLs passen; die Konventionen sind Remix-nah und für Teams vertraut, die volle Stack-Router mit Actions und Error Boundaries erwarten statt verteilter Ad-hoc-Fetches.
Oxygen ist Shopifys Hosting-Pfad für Hydrogen und reduziert Edge-Glue pro Release. Das erzwingt Hydrogen nicht: Reife Next.js- oder Astro-Shops rufen Storefront API oft direkt auf und tauschen offizielle Boilerplates gegen vorhandene Designsysteme und Hiring-Profile.
GraphQL, das Produktion und Kampagnen übersteht
Storefront-Projekte sind nicht „ein Query pro Seite“. Wir planen Cursor-Pagination für große Kollektionen, defensive Fehlerbehandlung bei transienten Fehlern in Peaks und eine Cart-Line-Modellierung, die Promotionen und Selling Plans für Support erklärbar hält. Login- und Kundenkontexte werden mit Ihrer Privacy-Programmatik abgestimmt.
Wann Hydrogen, wann Liquid
Hydrogen lohnt bei React-Kultur, geteilten Komponenten über Kanäle und dokumentiertem Shopify-Deploy. Liquid-first bleibt stark, wenn Merchandising im Theme-Editor lebt und messbare Gewinne aus App-Konsolidierung oder Liquid-Refactoring kommen.
Headless ist nicht automatisch schneller; ein überladenes Bundle mit vielen Trackern wird oft langsamer als ein schlankes Liquid-Theme. Wir entscheiden datenbasiert: LCP auf Kollektions-URLs, JS-Gewicht, Betriebskosten auf Edge-Plattformen und Redaktions-Preview. Wenn Headless die Schwelle nicht reißt, optimieren wir Theme und App-Landschaft. Wenn doch, definieren wir Cache-Strategien, Session-Handling und SEO-Routen ohne Duplicate-Thin-Content.
Checkout, Functions und Plattformgrenzen
Shopify schützt den Checkout aus PCI-Gründen. Business-Regeln übersetzen wir in Functions und zugelassene UI-Extensions. Versprechen wir nichts, was außerhalb der dokumentierten Erweiterungspunkte liegt. Das schützt Peak-Traffic und Konformität.
Webhooks, Queues und ERP
Typische Integrationen führen zu SAP Business One, Microsoft Dynamics, Weclapp oder Mittelstand-ERP mit CSV/XML-Zwischenlagen. Webhooks müssen idempotent sein; Netzwerk liefert Duplikate. Wir setzen Worker mit Retries, Dead-Letter-Queues und Monitoring, bevor der Vertrieb merkt, dass Bestände driften.
Für Händler mit Filialnetz und Zentrallager spielen Standorte und Priorisierung der Fulfillment-Regeln eine Rolle. Wir testen Sonderfälle wie Teil-Storno und Nachlieferung, nicht nur den Happy Path.
Performance und Core Web Vitals
Hosting allein macht keine schnelle UX; Themes und Tags entscheiden. Wir definieren Budgets je Template, trimmen Render-Blocking-Assets und reduzieren CLS durch font-display und feste Medien-Container. Conversion-Garantien gibt es nicht; messbare Latenz-Verbesserungen und weniger Support-Sturm vor Sales-Events schon.
Märkte, Steuern und B2B
EU-OSS und grenzüberschreitende Fulfillment-Szenarien erfordern klare Kommunikation im Checkout. Shopify Markets hilft, muss aber inhaltlich zu eurer Steuerberatung passen. Bei Plus modellieren wir Firmenkonten, Rollen und Bestellfreigaben so, dass Vertrieb und Finanzen nicht parallel Excel pflegen.
Migration und SEO
301-Ketten, Handles und strukturierte Daten müssen zusammenpassen. Wir exportieren URL-Mapping, testen Feeds und überwachen Crawl-Fehler nach Launch. Produktattribute wandern in Metafelder, damit Facetten erhalten bleiben.
AI-Suche und strukturierte Fakten
AEO bedeutet konsistente Policy-Texte, Liefer- und Retourenfakten sowie FAQ, die zu euren JSON-LD-Daten passen. Keine Keyword-Stuffing-Flächen, sondern echte Betriebsrealität. Assistenzsysteme zitieren nur dann zuverlässig, wenn Produktattribute, Versandklassen und Widerrufsrecht identisch im Frontend, im Merchant Center Feed und im Support-Leitfaden stehen. Wir pflegen diese Tripel als Teil der Definition of Done, nicht als späteres SEO-Nachtrag. So vermeidet ihr widersprüchliche KI-Antworten, die Kundinnen während der Kaufentscheidung irritieren, und stärkt gleichzeitig klassische Rich-Result-Signale in Google, ohne neue Landingpages voller Duplicate Content zu erzeugen, was langfristig Crawl-Budget und Supportzeit schont.
Leistungsportfolio
- OS2-Themes, Audits, Performance-Rettungen
- Headless-Frontends mit Storefront API
- Checkout-Regeln über Functions
- ERP- und Logistik-Schnittstellen mit Observability
- Abo-Modelle und komplexe Produktlogik
- Migrationen mit Redirect- und Datenqualitätsplan
Zahlungslandschaft und Fulfillment im deutschsprachigen Einzelhandel
Im DACH-Raum erwarten Kundinnen neben Kreditkarte und PayPal zunehmend zinsaufteilende Zahlarten und klar kommunizierte Retourenkosten. Shopify bündelt viele Zahlungsmethoden über Shopify Payments, doch jede zusätzliche App für Bonität oder Teilzahlung erhöht Checkout-Komplexität und Datenschutzpflichten. Wir dokumentieren, welche Daten an wen gehen, welche Order-Metafelder für Risikoentscheidungen nötig sind und wie Rückbuchungen im ERP landen, ohne dass Buchhaltung CSV-Chaos manuell zusammenführt.
Fulfillment-Szenarien mit mehreren Lagerorten oder Dropshipping-Anbindungen erfordern konsistente SKU und Packlistenlogik. Wir modellieren Standorte in Shopify so, dass Versandzeiten im Checkout glaubwürdig bleiben und nicht nur Marketingcopy sind. Wenn Filialen Click-and-Collect anbieten, verbinden wir POS-Prozesse mit Webhooks, damit Reservierungen nicht mit Onlinebeständen kollidieren.
Retouren sind im Textilhandel ein Margenfaktor. Theme und Policies müssen realistische Fristen und Bearbeitungszeiten zeigen, passend zu EU-Verbraucherschutz. Technisch vermeiden wir doppelte Retouren-Tickets, indem Return-Objekte und ERP-Exporte dieselbe Quelle nutzen. Das ist weniger spektakulär als ein neues Hero-Video, spart aber Support-Stunden in der Hochsaison.
Projektsteuerung mit Handelskalender
Handelskalender in Mitteleuropa haben andere Peaks als globale Defaults in Analytics-Vorlagen. Wir planen Freeze-Fenster vor Black Week und Weihnachts-Shipping-Cutoffs explizit ins Release-Board. Integrations- oder Theme-Deploys laufen nicht parallel zur Inventur-Sperre im ERP, und kritische App-Updates werden auf Canary-Stores getestet, bevor sie den Live-Checkout berühren. Diese Routine kostet Planungszeit, verhindert aber den klassischen Freitagabend-Incident, wenn ein Webhook-Feld umbenannt wurde und Bestellungen im Supportkanal stapeln. Wenn Finanzen neue USt-Sätze einführt, müssen Theme-Kommunikation, Checkout und ERP-Export dieselben Stammdaten verwenden, sonst entstehen Abstimmungsaufwände, die kein Lighthouse-Wert ersetzt.
Warum Senior-Arbeit sich rechnet

Typische Rettungsfälle vor Peak
Häufiges Muster: Kollektionsseiten mit hohem INP durch gestapelte Empfehlungswidget oder Checkout-Konflikt nach App-Update. Senior-Arbeit entfernt Duplikate, isoliert kritisches JS und stellt Webhook-Konsistenz wieder her statt weiterer „Performance-Plugins“.
Was wir optimieren und was wir nicht versprechen
Wir optimieren Latenz, Datenintegrität und Betriebsprozesse. Keine garantierten Umsatz-Prozentwerte; die Nachfrage steuern Sortiment und Marketing, nicht nur LCP.

Beispiel-Szenarien aus DACH
Fashion mit Filialabholung
Lagerorte, Click & Collect und Retourenlogistik unter einem Checkout.
Weniger Bestandskonflikte bei Drops
B2B-Ersatzteile
Plus mit Firmenprofilen, Freigaben und ERP-validierten SKU.
SAP-kompatible Exporte
CPG mit Abo
Selling Plans, Cut-offs für Spedition, Konformitäts-Texte.
Planbare Renewal-Prozesse
Technologie-Landschaft
The Autonomous Future: UCP Agent Mesh
Experience the next generation of decentralized commerce protocols through a high-fidelity tactile interface.
KI-Agenten handeln autonom ohne Intermediäre, mit unter 1ms Latenz.
Jede WordPress-Website wird ein Knoten im globalen UCP-Handelsnetzwerk.
Automatische Abrechnungen & Escrow - keine manuelle Arbeit, kein unbefugter Zugriff.
Anwendungsbeispiele
KI-Agent wählt automatisch das günstigste Zahlungs-Gateway pro Transaktion.
KI verhandelt Preise und Lieferbedingungen basierend auf Echtzeit-Lagerbestand.
Einzelne Artikel, Kurse oder PDFs für Bruchteile eines Cents verkaufen.
Mittel in Smart Contract gehalten - automatisch freigegeben nach Lieferbestätigung.
Preise minütlich aktualisiert basierend auf Nachfrage, Konkurrenz und Kosten.
Smart Contract zahlt Provision innerhalb von Millisekunden nach dem Kauf.
UCP-Knoten v4.0
Kernvitalität
Netz-Synchronisation
> UCP-Netz wird initialisiert...
> Verbindung zum globalen Agentennetz [OK]
> Smart Contract v2.1 wird verifiziert... [VERIFIZIERT]
> Warten auf Handelsereignisse...
> Eingehende Transaktion: TX-828-A1-Z [VERARBEITUNG]
_
Protokollsteuerung
"Das UCP ermöglicht KI-Agenten autonome Transaktionen und beseitigt Reibung aus der globalen Wirtschaft."
Wir verbinden Shopify mit Zahlungsdienstleistern, Versanddienstern und CRM unter Berücksichtigung von Datenminimierung. Deployments laufen über CI mit Staging-Themes und dokumentierten Rollbacks.
Integrations-Matrix
Zahlungen
Shopify Payments wo verfügbar, Klarna, PayPal, Rechnungskauf je nach Risiko-Setup.
Logistik
DHL, DPD, Hermes, ShipStation-Ökosysteme, Fulfillment-Dienstleister.
ERP
REST/GraphQL Admin API, Middleware, Abgleichsjobs für Inventur.
Analytics
GA4, serverseitige Varianten nur mit gültiger Consent-Kette.
Marketing
Klaviyo & Co. mit kontrolliertem Webhook-Volumen.
Content
Headless CMS oder WordPress-Kombination ohne Daten-Erosion.
Klare Grenzen
Plattformtreue
Wir implementieren nur unterstützte Mechanismen, damit Updates planbar bleiben.
Messbare Aussagen
Wir zeigen Traces und Logs, keine erfundenen Uplift-Prozente.
Security Operations
Least-Privilege-Tokens, rotierende Secrets, keine Keys im Theme-Code.
Senior direkt
Die Person im Analysegespräch schreibt auch GraphQL und Webhook-Handler.
Nächster Schritt
Bring deinen Shop-Link, Integrationsliste und Peak-Zeitfenster mit. Wir liefern eine priorisierte Roadmap mit Risiken statt einer undifferenzierten Stundentabelle.
Letzte Aktualisierung: 3. Mai 2026


