Пополнение мобильных во всех 27 странах ЕС: продукт на 6 языках, платёжный шлюз и реклама с автолестницей бюджета

Задача

Немецкому оператору связи нужен был витринный сервис: человек вводит номер, система сама понимает страну и оператора, показывает сумму в его валюте и отправляет на оплату. Без аккаунтов и лишних полей. При этом — законный cookie-контур, Impressum, семь юридических документов на шести языках и реклама, готовая к раскатке на пять стран.

Продукт

Next.js 16 и React 19 с TypeScript strict, Tailwind 4, Radix и Motion. Главная страница и есть продукт: шаг «номер» с флагом по IP, шаг «оператор» с распознаванием по префиксу (libphonenumber) и подсказкой «похоже на Vodafone», шаг «сумма», шаг «оплата». Посадочные из рекламы предзаполняют страну, оператора и сумму через параметры URL.

Данные: 27 стран, 150 операторов, 113 логотипов, импортированных, сгенерированных и санитизированных скриптами; шесть неевровых валют с курсом ЕЦБ, серверным расчётом и округлением вверх. Шесть языков, около 200 ключей интерфейса и 6680 строк юридических текстов.

Платежи и безопасность

Граница интеграции с платёжным провайдером вынесена в адаптер под его контракт, с hand-off на форму оплаты и обработчиком вебхука. Жёсткое правило: возврат браузера со страницы оплаты не считается оплатой — только подтверждение сервера.

CSP с nonce на каждый запрос и strict-dynamic, HSTS, X-Frame DENY, Permissions-Policy, rate-limit, одинаковая валидация Zod на клиенте и сервере, персональные данные не логируются и не попадают в аналитику — функция трекинга отклоняет ключи с PII.

Качество

55 unit-тестов на Vitest и 14 e2e на Playwright (Pixel 7 и десктоп): контракт шлюза, паритет цен между экранами, XML-валидность логотипов, доступность (16 px текст, 44 px цели, фокус-ловушка), запрет на неверное юрлицо в текстах.

Реклама и автоматика бюджета

Генератор CSV для Google Ads Editor прямо из данных сайта: 27 языковых файлов, боевой импорт на DE, IT, FR, ES, PL — 10 кампаний, 45 групп, 383 ключевых слова (урезано с 10 426 до тех, что реально приводят), 1037 минус-слов, 45 адаптивных объявлений, встроенный валидатор политик Google.

Проблема: данные Google Ads отстают на три часа, а банк блокирует карту за резкие скачки списаний. Решение — скрипт «лестница ×2 при 55 % расхода» плюс собственный счётчик кликов на сервере: разбирает nginx-лог, отфильтровывает AdsBot и ревьюеров, дедуплицирует и шлёт алерты в Telegram.