ModoCheats
Магазин приватного игрового софта с нуля: витрина, API и админка — три отдельных приложения, каждое деплоится само по себе.
- Клиент
- ModoCheats
- Тип
- Магазин цифровых товаров
- Что сделали
- Дизайн, витрина, API, админка, деплой
- Год
- 2026
Нужен был большой магазин с нуля. Каталог на несколько игр, тарифы на разные сроки, выдача ключа сразу после оплаты, отзывы, статусы продуктов и поддержка — на русском и английском.
Плюс полноценная админка: владелец сам ведёт каталог, загружает ключи, запускает промокоды и смотрит выручку, не трогая код.
Разделили систему на три приложения с чёткими границами. Витрина отдаёт статические страницы и обновляется сразу после правок, API хранит данные и правила, админка работает только через API. Каждое приложение собирается и выкатывается отдельно.
Next.js 16, next-intl, ISR, Tailwind 4, motion
Fastify 5, MariaDB, миграции, сессии, CSRF
Next.js 16, server actions, Ctrl+K
Браузер никогда не обращается к базе напрямую. Витрина проксирует /api/* на бэкенд, а после любой правки в админке бэкенд сам просит витрину сбросить кэш нужных страниц.
Первый экран сразу говорит, что это за магазин, и показывает продукт в деле: HUD с ESP-боксами, радаром и настройками. Ниже — популярные продукты, игры, отзывы, шаги покупки и FAQ.
- Живой статус «все продукты работают»
- Счётчики клиентов, рейтинга и аптайма
- Выпадающее меню игр с обложками
Фильтр по игре, поиск по функциям, переключатель «только Undetected» и сортировка — в одной панели. На карточке сразу видны статус, функции, цена «от», рейтинг и число продаж.
Командная палитра, как в IDE: игры, продукты и функции в одном окне, управление с клавиатуры, популярное — ещё до начала ввода.
- Поиск по названию, игре и функциям
- Статус и цена прямо в выдаче
- Работает и на телефоне
Выбор срока с выгодой в процентах и ценой за день, гарантии рядом с кнопкой покупки, вкладки с функциями, требованиями и инструкцией.
Оформление в модальном окне без перезагрузок: форма, промокод, оплата и ключ. Итоговую цену всегда считает сервер, ключ показывается сразу и приходит на почту.
- Промокод сразу пересчитывает цену
- Ключ копируется в один клик
- Инструкция по запуску — сразу после оплаты
Мобильную версию проектировали отдельно, а не ужимали десктоп: своё меню, поиск и карточки под палец. Наведите или нажмите на экран — страница пролистается.
Листайте вбок · нажмите на экран, чтобы пролистать
Русская версия — без префикса, английская — под /en, у каждой свои canonical и hreflang. Валюта переключается между ₽ и $ в шапке.
Потяните разделитель — RU слева, EN справа
Отдельное приложение на своём поддомене. Продукт собирается в конструкторе с живым превью карточки, изменения сразу видны на витрине. Для частой работы есть горячие клавиши.
ISR и вебхук ревалидации
Страницы статические и быстрые, а после правки в админке или новой продажи кэш сбрасывается сразу.
Миграции без простоя
Схема обновляется при старте под GET_LOCK, поэтому несколько инстансов могут подниматься одновременно.
Защита по умолчанию
httpOnly-сессии, Secure-cookie, проверка Origin против CSRF, роли и отдельный ключ для админского API.
Снимки каталога
Весь контент из админки выгружается в JSON и переносится на сервер одной командой, без личных данных.
Обновления без сбоев у открытых вкладок
deploymentId берётся из хэша коммита: открытые вкладки сами переходят на новую версию, старый и новый код не смешиваются.
Типизированные переводы
next-intl: русский без префикса, английский под /en, ключи переводов проверяет TypeScript.
Нажмите на страницу, чтобы открыть её целиком. Стрелки ← → листают.
* Скриншоты демо-стенда: цены, отзывы и ключи на них — демонстрационные данные.
Магазин, SaaS или лендинг — спроектируем, соберём и запустим. С админкой, в которой удобно работать.