Skip to content
kobiakov.dev
Migration

Maria Breslavska — Wix → Edge Migration

Full-Stack-Migration der Website einer Marketing-Expertin von Wix auf eine maßgeschneiderte, serverlose Next.js-15-Architektur auf Cloudflare Workers. Mobiler LCP von 13,2 s auf 0,8 s gesenkt — perfekte 100/100 im Lighthouse.

Zeitraum

2026

Rolle

Lead Engineer

Geschäftlicher Nutzen / ROI

Mobile LCP 13.2s → 0.8s · 100/100 Lighthouse

Performance-Migration

Von Wix an die Edge

Dieselbe Seite, neu gebaut auf einem serverlosen Stack und mit Lighthouse im gedrosselten Mobilprofil gemessen.

Vorher · Wix
0/100
Hosted page builder
~16× schneller
Nachher · Edge
0/100
Serverless static edge

Largest Contentful Paint · Mobil · simuliertes Slow 4G

13.2s0.8s

Vorher · WixLighthouse · MobilNachher · Edge
Largest Contentful Paint
−94%
0.0s
0.0s
First Contentful Paint
−73%
0.0s
0.0s
Speed Index
−73%
0.0s
0.0s
Total Blocking Time
−100%
0ms
0ms

So wird sie jetzt ausgeliefert

git push

Content as typed config

GitHub Actions

Build → static export

Cloudflare Edge

300+ PoPs · no origin

Visitor

First paint < 1s

Labordaten, Lighthouse mobil. „Vorher“ = die Live-Wix-Seite; „nachher“ = der produktive Static-Build.

Problem

Die ursprüngliche Seite lief auf Wix. Optisch in Ordnung, doch im Hintergrund lud sie megabyteweise generisches Baukasten-JavaScript: Auf einem Mittelklasse-Smartphone erschien der größte Inhalt erst nach 13,2 Sekunden — weit außerhalb des „gut“-Bereichs der Core Web Vitals von Google. Langsame mobile Seiten kosten Suchplatzierungen und verlieren Besucher, bevor die Seite überhaupt erscheint — und die Wix-Plattform ließ kaum Spielraum, das zu beheben.

Die Herausforderung

Die komplette Seite vom Wix-Baukasten auf einen schnellen, eigenen, zukunftssicheren Stack umziehen — ohne eine einzige Seite, ein Bild oder ein Video zu verlieren und ohne monatliche Plattformgebühr. Die neue Seite musste für die Kundin identisch wirken, mobil nahezu sofort laden, für Nicht-Entwickler editierbar bleiben und für den deutschen Markt voll DSGVO-konform sein.

Die Lösung

Ich habe die Seite als statischen Next.js-15-Export neu gebaut — alle Texte und Medien werden aus einer einzigen typisierten Konfigurationsdatei gesteuert, sodass die Inhaberin sie in normaler Sprache bearbeiten kann. Sämtliche Assets wurden von Wix migriert und neu komprimiert. Das Build wird über Cloudflare Workers (Static Assets) an die Edge ausgeliefert — kein Server zu betreiben oder zu patchen, jede Seite aus über 300 Standorten weltweit. Analytics laufen über GA4 mit Consent Mode v2: Es wird nichts gespeichert, bis der Besucher zustimmt.

Technische Highlights

Wix → Next.js 15 migration: every page, image and video re-hosted, zero content lost

Static export served from the Cloudflare edge (Workers) — no origin server, global CDN by default

Mobile Largest Contentful Paint cut from 13.2s to 0.8s (~16× faster) — back inside Core Web Vitals

Perfect 100/100 Lighthouse performance on both mobile and desktop

Content-as-config: the whole site edits from one typed file — non-technical updates in minutes

DSGVO-ready analytics: GA4 via Consent Mode v2, storage denied until the visitor opts in

Systemarchitektur

Next.js 15 (App Router · static export)

React 19

TypeScript

Tailwind CSS 4

Framer Motion

Cloudflare Workers (Edge / Static Assets)

GitHub Actions CI/CD

GA4 · Consent Mode v2

Kerntechnologien

Next.js 15React 19TypeScriptTailwind CSSCloudflare Workers
Maria Breslavska — Wix → Edge Migration
Share:

Weitere Projekte

Stoic Citadel — Sicherheitsorientierte Algo-Trading-Plattform

Projekt ansehen

Aimash — KI-Google-Ads-Manager (Telegram)

Projekt ansehen