Перейти до основного вмісту
НАЗАД ДО ПОКАЖЧИКА
РОЗБІР_КЕЙСУ // АКТИВНО

A/B Testing Lab

Публічна знеособлена реконструкція продакшн-платформи A/B-лендингів (оригінал під NDA): спліт-тести на конфігах, зважений розподіл трафіку та закріплення версії за відвідувачем — без брендингу, коду й даних роботодавця.

АКТИВНИЙNODE_AB_TESTING_LABNext.js 15React 19TypeScriptCSS design tokens
[01]Стислий огляд / Резюме кейсу

Публічна знеособлена реконструкція продакшн-платформи A/B-лендингів (оригінал під NDA): спліт-тести на конфігах, зважений розподіл трафіку та закріплення версії за відвідувачем — без брендингу, коду й даних роботодавця.

МЕТАДАНІ СТАТУСУ ФАЙЛУ
РОЛЬFrontend-розробник — знеособлена копія робочої системи
ПЕРІОД2026
[02]Наміри та технічні цілі
  • 01 / ЦІЛЬ

    Експерименти на конфігах: кожен лендинг має власний _config.ts із версіями, прапорцями активності та відносними вагами розподілу (напр. 50/30/20).

  • 02 / ЦІЛЬ

    Middleware визначає версію за один прохід — параметр ?v=, потім cookie, потім зважений випадковий вибір — і зберігає її в cookie на 365 днів у межах шляху лендингу.

  • 03 / ЦІЛЬ

    Кожна версія — повністю незалежна сторінка через паралельні маршрути Next.js (@v1/@v2/@v3) з власними секціями, лейаутом і темою.

  • 04 / ЦІЛЬ

    Деактивація версії виключає її з розподілу та переназначає її аудиторію при наступному візиті, залишаючи доступ через ?v= для QA та превʼю стейкхолдерів.

[03]Збірка та стек технологій
Next.js 15
React 19
TypeScript
CSS design tokens
[04]Технічна глибина

Логіка призначення версій живе в Edge-безпечному чистому модулі, спільному для middleware та серверних компонентів; конфіги експериментів лежать поруч зі сторінками й агрегуються в єдиному реєстрі, тож зміна розподілу — це правка одного обʼєкта. Продакшн-оригінал додавав CMS-керовані записи експериментів, атомарні лічильники показів для балансування, аналітику конверсій з first-touch атрибуцією та інтеграцію з CRM — свідомо не відтворено тут.