Von Instant Commerce zu Laioutr: Migration Schritt für Schritt

Eine Migration des Storefront-Frontends ist keine Kleinigkeit. Das Shopify-Backend bleibt unverändert. Was sich ändert, ist der Frontend-Layer. Hintergrund zum Pivot: Der AI-Pivot von Instant Commerce

Phase 1: Discovery und Mapping (Woche 1-2)

Inventarisierung aller aktiven Seiten-Typen: Homepage, PLPs, PDPs, Content-Seiten, Landing-Pages. Mapping jedes Custom Blocks (instant-sdk) auf Laioutr-Komponenten oder Eigenentwicklung. Content-Inventar aus Storyblok. SEO-Audit. Integration-Mapping.

Phase 2: Laioutr-Setup und Grundkonfiguration (Woche 2-3)

Laioutr-Account anlegen (Switch-Programm nutzen). Shopify-Backend-Verbindung konfigurieren über Shopify Storefront API. Basis-Theme auswählen. Domain-Setup: Produktions-Domain bleibt auf IC, Laioutr läuft auf Staging. CMS-Entscheidung: Storyblok kann weitergenutzt werden oder Umstieg auf Laioutr Studio.

Phase 3: Komponenten-Migration und Content-Aufbau (Woche 3-6)

Custom Blocks aus instant-sdk: typischer Anteil 60-70% Standardkomponenten, 30-40% Eigenentwicklung. Content-Transfer aus Storyblok wenn im Scope. SEO-Konfiguration. Performance-Baseline. Marketing-Editor-Schulung auf Laioutr Page Builder.

Phase 4: QA, Performance-Validierung und SEO-Abnahme (Woche 6-7)

Alle Seiten-Typen auf Staging getestet. Checkout-Flow vollständig getestet. Core Web Vitals nicht schlechter als IC-Baseline. SEO-Parity-Check. 301-Redirect-Plan. Tracking verifiziert. DSGVO-Konformität. Rollback-Plan dokumentiert. Kein Go-Live ohne dokumentierten Rollback.

Phase 5: Go-Live und DNS-Umstellung (Woche 7-8)

Go-Live-Zeitfenster: Traffic-Tiefpunkt. DNS-TTL 24-48h vorher auf 60 Sekunden. Letzter Staging-Check. DNS-Record ändern. Propagation überwachen. Alle Seiten-Typen auf Produktion manuell verifizieren. Analytics 2 Stunden live überwachen. IC-Storefront 14 Tage als Fallback.

Mehr zur Entscheidungsgrundlage: Instant Commerce vs. Laioutr: Welches Frontend für welches Team?. Shopify-Headless-Migrations-Guide: Shopify Headless Migration: Schritt für Schritt

Weiterführende Laioutr-Ressourcen

So lässt sich der Laioutr-Frontend-Layer hier einsetzen:

• Headless Frontend for Shopify
• Composable Headless Frontend
• Content Management
• Page Builder für Storyblok