IT-решения для бизнеса krasiva.tech
Все работы

Кейс · Магазин и каталог

Интернет-магазин воркаут-площадок и уличных тренажёров

Интернет-магазин воркаут-площадок, турников, брусьев, уличных тренажёров и детских спортивных комплексов.

воркаут.shop React 19TypeScriptTailwind CSS v4статический экспортPHP APIMySQL
Интернет-магазин воркаут-площадок и уличных тренажёров

Интернет-магазин воркаут-площадок, турников, брусьев, уличных тренажёров и детских спортивных комплексов. Фронтенд собран на Next.js 16 (App Router) с React 19, TypeScript и Tailwind CSS v4 и выкладывается статическим экспортом на шаред-хостинг — Node на сервере не нужен, страницы отдаются мгновенно.

Вся динамика вынесена в тонкий PHP-API рядом со статикой: каталог и цены читаются из MySQL, а приём заказа принципиально не доверяет тому, что пришло из браузера — сумма и комплектация (товар, опции, дополнения) пересчитываются на сервере по базе, заказ пишется в MySQL, уведомления уходят на почту и в Telegram.

Онлайн-оплата подключена через ЮKassa: заказ помечается оплаченным только по вебхуку payment.succeeded с серверным статусом, а не по возврату пользователя на страницу успеха. Корзина живёт в localStorage и не требует регистрации, каталог фильтруется по категориям через query-параметр, у каждого товара отдельная страница с характеристиками и похожими позициями.

Иллюстрации товаров — фирменные SVG вместо фотографий: ни одного запроса за картинками и мгновенная отрисовка карточек.

Роман Краснов

Ваш проект

Нужен похожий каталог? Посчитаю стоимость и срок.

01 Бриф для расчёта цены Ответьте на вопросы о проекте — вернусь со сметой и сроками.
  • Цена и срок — до начала работ
  • Промежуточные версии на тестовом адресе
  • Домен, сервер, Метрика — и на связи после запуска

Нужен похожий каталог?

Рассчитать стоимостьРассчитать цену
~/krasiva/new_project.sh

// new_project

Расскажите о задаче

Отвечу и посчитаю в течение дня. Можно коротко — детали уточню сам.

$ budget_range
или сразу в мессенджер Telegram MAX

Мы используем файлы cookie и Яндекс.Метрику, чтобы сайт работал и чтобы понимать, какие страницы полезны. Подробности — в политике обработки данных.