Skip to content
kobiakov.dev
Миграция

Maria Breslavska — миграция Wix → Edge

Full-stack миграция сайта маркетолога с Wix на кастомную бессерверную архитектуру Next.js 15 на Cloudflare Workers. Мобильный LCP снижен с 13.2 с до 0.8 с — идеальные 100/100 в Lighthouse.

Сроки

2026

Роль

Ведущий инженер

Бизнес-эффект / ROI

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

Миграция производительности

С Wix на Edge

Тот же сайт, пересобранный на бессерверном стеке и замеренный Lighthouse в дросселированном мобильном профиле.

Было · Wix
0/100
Hosted page builder
~16× быстрее
Стало · Edge
0/100
Serverless static edge

Largest Contentful Paint · Мобильный · симуляция Slow 4G

13.2s0.8s

Было · WixLighthouse · МобильныйСтало · 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

Как он раздаётся теперь

git push

Content as typed config

GitHub Actions

Build → static export

Cloudflare Edge

300+ PoPs · no origin

Visitor

First paint < 1s

Лабораторные данные, Lighthouse mobile. «Было» = живой сайт на Wix; «стало» = продакшен-сборка.

Проблема

Исходный сайт был собран на Wix. Выглядел нормально, но под капотом грузил мегабайты универсального JavaScript конструктора: на среднем смартфоне крупнейший контент появлялся лишь через 13.2 секунды — далеко за порогом «хорошо» в Core Web Vitals от Google. Медленные мобильные страницы роняют позиции в поиске и теряют посетителей ещё до отрисовки, а платформа Wix почти не оставляла возможности это исправить.

Вызов

Перевести весь сайт с конструктора Wix на быстрый, собственный и перспективный стек — не потеряв ни одной страницы, картинки или видео и без ежемесячной платы за платформу. Новый сайт должен был выглядеть для клиента идентично, грузиться на мобильном почти мгновенно, оставаться редактируемым не-разработчиком и быть полностью DSGVO-совместимым для немецкого рынка.

Решение

Я пересобрал сайт как статический экспорт Next.js 15: весь текст и медиа управляются из одного типизированного конфиг-файла, чтобы владелец мог править их обычным языком. Все ассеты перенесены с Wix и пережаты. Сборка раздаётся с edge-сети Cloudflare через Workers (Static Assets) — нет сервера, который нужно держать и патчить, каждая страница отдаётся из 300+ точек присутствия по миру. Аналитика — GA4 с Consent Mode v2: ничего не сохраняется, пока посетитель не дал согласие.

Технические особенности

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

Архитектура системы

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

Ключевые технологии

Next.js 15React 19TypeScriptTailwind CSSCloudflare Workers
Maria Breslavska — миграция Wix → Edge
Share:

Похожие проекты

Stoic Citadel — торговая платформа с приоритетом безопасности

Смотреть проект

Aimash — ИИ-менеджер Google Ads (Telegram)

Смотреть проект