Твой Цветочный
Интернет-магазин цветов на собственном движке вместо Tilda: 4 города, свой каталог, доставка по районам, личный кабинет и админка
01 Задача
Магазин букетов для четырёх городов работал на Tilda. Со временем возможностей конструктора стало не хватать: у каждого города свой ассортимент, свои зоны доставки и цены, а каталог, заказы, оплата и статусы жили в разных местах. Любая доработка упиралась в ограничения платформы и абонентскую плату.
Нужен был собственный магазин, которым владелец управляет сам, — без конструктора и без потери каталога и старых ссылок.
02 Решение
Написан собственный движок интернет-магазина на Next.js и TypeScript с базой PostgreSQL.
Витрина: несколько городов со своими адресами, телефонами, часами работы и разделами каталога; карточка товара с галереей и вариантами — у каждого размера и цвета своя цена и фото; дополнения к заказу; поиск по всему городу; избранное и корзина.
Оформление заказа: зоны доставки с поиском по району, самовывоз, дата и интервал, открытка и комментарий; оплата картой через ЮKassa или при получении. Личный кабинет покупателя с историей заказов и статусами.
Своя админка: заказы с фильтрами по статусу и городу, отметкой об оплате и выгрузкой в CSV; товары с вариантами и раскладкой по городам; справочники разделов, дополнений, зон доставки и точек самовывоза; тексты, настройки, сотрудники с ролями. О каждом новом заказе сразу приходит уведомление в Telegram.
Каталог переносится из Tilda скриптом: товары раскладываются по городам и разделам, варианты собираются автоматически, фотографии скачиваются на свой сервер, а прежние номера товаров сохраняются для перенаправлений со старых адресов.
03 Результат
Магазин больше не зависит от конструктора: каталог, заказы, доставка и оплата — в одной системе, которой владелец управляет сам, без абонентской платы за платформу. Добавить город, район доставки или поменять цену — несколько минут в админке.
Переезд с Tilda проходит без ручного переноса товаров и без потери ссылок. Сайт адаптирован под телефон, есть карта сайта, микроразметка товаров и картинки для соцсетей. Установка на сервер — две команды и пошаговая инструкция.