004
Archive 004Инструмент
MCGameAliance Web Store
Кастомный фронтенд интернет-магазина для Minecraft-сервера MCGameAliance. Построен на базе MineStore CMS 3.x (Next.js), полностью переработан под фирменный стиль сервера: витрина донат-товаров, оформление заказов, авторизация игроков и интеграция с PHP-бэкендом MineStore через REST API
01 /О проекте
Кастомный фронтенд интернет-магазина для Minecraft-сервера MCGameAliance. Построен на базе MineStore CMS 3.x (Next.js), полностью переработан под фирменный стиль сервера: витрина донат-товаров, оформление заказов, авторизация игроков и интеграция с PHP-бэкендом MineStore через REST API.
Выполнено на заказ для игрового сервера Minecraft — MCGameAlianc.
02 /🏠 Главная и витрина
- 01Лендинг в стиле Minecraft: карусель скриншотов SMP-сервера, блок возможностей (квесты, боссы, питомцы, зачарования, навыки, охота за головами)
- 02Каталог категорий и товаров с карточками, скидками и сравнением пакетов
- 03Корзина с добавлением/удалением товаров, кастомными ценами и переменными товара
- 04Рекомендуемые предложения и featured deals
- 05Карусель новостей Discord на главной странице
03 /💳 Оформление и оплата
- 01Страница checkout с формой данных покупателя и выбором способа оплаты
- 02Поддержка множества платёжных систем: Stripe, RazorPay, PayPal, Skrill, Mollie, CoinPayments и др.
- 03Промокоды, подарочные карты и реферальная система
- 04Polling статуса оплаты с редиректом на success/error
- 05Мультивалютность: переключение валюты в навбаре
04 /🔐 Авторизация и профиль
- 01In-game авторизация через верификацию на сервере Minecraft
- 02Классический вход и регистрация (login/register)
- 03Discord OAuth для покупки Discord Role-пакетов
- 04Профиль игрока с аватаром (mc-heads.net, minotar.net)
- 05Выбор игрового сервера при оформлении заказа
05 /👥 Сообщество
- 01Страница Patrons: таблица донатеров с группировкой по уровням и топ-патронам
- 02Страница Staff: команда сервера с ролями и префиксами
- 03Счётчик онлайна сервера в реальном времени
- 04Discord widget интеграция
06 /🌍 Локализация и UI
- 0121 язык интерфейса (RU, EN, UA, DE, FR, ES, PL и др.) через next-intl
- 02Переключение языка и валюты в навбаре
- 03Тёмная тема по умолчанию, кастомные шрифты Minecrafter Alt и MuseoModerno
- 04Анимация частиц в шапке (tsparticles)
- 05Адаптивная вёрстка: Radix UI + Tailwind CSS + shadcn/ui компоненты
07 /🛠️ Техническая архитектура
- 01Next.js 14 App Router с клиентскими и серверными компонентами
- 0233 REST-эндпоинта к MineStore CMS API (корзина, checkout, auth, settings, categories)
- 03Zustand для состояния корзины, валюты и языка
- 04Nginx reverse proxy: Next.js (:3000) + PHP MineStore backend (:8090) на mcgamealiance.com
- 05Конфигурируемый config.json: цвет бренда, тема, фон, particles, Discord auth
- 06Кастомные CMS-страницы через динамический роут pages/[...slug]
08 /Галерея
