Кейс / E-commerce
ASYADROP: интернет-магазин уличной одежды
ASYADROP продаёт лимитированные дропы уличной одежды. Этот интернет-магазин я собрал в одиночку как fullstack-разработчик: витрина на Nuxt 3, бэкенд на Strapi 5, оплата по 54-ФЗ и доставка СДЭК. Магазин работает в проде, принимает реальные заказы.
- Тип
- Интернет-магазин уличной одежды
- Стек
- Nuxt 3, Vue 3, Strapi 5
- Роль
- Fullstack, один, под ключ
- Оплата
- Эквайринг Точки, чек по 54-ФЗ
- Доставка
- СДЭК, выбор ПВЗ на карте
- Трафик
- ~10 600 посетителей в месяц
Что за проект
ASYADROP, это российский бренд уличной одежды, который выпускает лимитированные дропы. Ко мне пришли за магазином, где можно показать новую коллекцию и тут же принять заказ. Я взял проект целиком: фронтенд, бэкенд, оплата, доставка, деплой. Один человек от макета до боевого сервера, без агентства и цепочки менеджеров.
Витрина, каталог и корзина
Витрину и каталог дропов собрал на Nuxt 3. Карточка товара знает про варианты: размеры, остатки, цену со скидкой по промокоду. Корзина живёт в Pinia и переживает перезагрузку страницы. Дальше checkout в несколько коротких шагов: контакты, доставка, оплата. Путь к заказу я держал максимально коротким, потому что на распродаже дропа каждый лишний экран съедает конверсию.
Оплата и доставка
Оплату подключил через интернет-эквайринг Точка Банка. Чек уходит покупателю на email автоматически, с фискализацией по 54-ФЗ, без отдельной кассы и договора с ОФД. Доставку считает интеграция со СДЭК: покупатель выбирает пункт выдачи на карте, заказ получает трек-номер, статусы обновляются. На каждый шаг летит письмо на почту через nodemailer.
Что в итоге
Магазин живой и держит реальную нагрузку. По Яндекс.Метрике за месяц около 10 600 посетителей, и трафик примерно удвоился. Честно про источник: люди приходят в основном из соцсетей бренда, а не из поиска. Органики мало, порядка 690 заходов в месяц. Так что это кейс про работающий e-commerce и живые заказы, а не про вывод в топ по SEO. Выручку и конверсию не показываю, это данные клиента.
Почему такой стек
Strapi 5 в роли headless CMS отдал клиенту удобную админку: товары, дропы и промокоды правятся без меня. База на SQLite, потому что каталог компактный, и так проще держать всё на одном VPS. Серверный рендеринг Nuxt и динамический sitemap оставили страницы открытыми для индексации на будущее, даже пока основной трафик идёт из соцсетей.
Стек проекта
- Nuxt 3
- Vue 3
- Pinia
- Tailwind CSS
- Nuxt Image
- Strapi 5
- SQLite
- Точка Банк (эквайринг)
- 54-ФЗ
- СДЭК
- nodemailer
- VPS
Вопросы про разработку интернет-магазина
Сколько занимает разработка интернет-магазина под ключ?
По-разному. Каркас магазина с витриной, корзиной и оплатой собирается за несколько недель. ASYADROP с каталогом дропов, эквайрингом по 54-ФЗ и доставкой СДЭК занял дольше: под бренд я допиливал checkout и логику промокодов. Точный срок называю после брифа. Число товаров, нужные интеграции и дизайн решают почти всё.
Как подключается оплата и касса по 54-ФЗ?
В ASYADROP оплату я подключил через интернет-эквайринг Точка Банка. Чек уходит покупателю автоматически, с фискализацией по 54-ФЗ, без отдельной кассы и договора с ОФД. Требование онлайн-кассы закрывает сам банк. Подходит не всем: у кого-то уже своя касса или ОФД. Тогда подключаю то, что есть.
Какие интеграции доставки, СДЭК и другие?
В магазине стоит интеграция со СДЭК: покупатель выбирает пункт выдачи на карте, заказ получает трек-номер, статусы обновляются сами. На каждый шаг летит письмо на почту через nodemailer. Добавить других перевозчиков или курьерскую доставку реально. СДЭК тут был выбором бренда, а логистику я подключаю под то, чем вы реально отправляете заказы.
Кому принадлежит магазин и код после сдачи?
Всё ваше. После сдачи код, база и доступы переходят клиенту, без привязки ко мне или к закрытой платформе. ASYADROP крутится на своём VPS, владелец сам правит товары и промокоды через админку. Я не держу проект в заложниках подпиской. Захотите передать его другому разработчику, всё открыто и задокументировано.
Чем кастомный магазин лучше Тильды или готового решения?
Конструкторы вроде Тильды быстры на старте и дёшевы, пока хватает их шаблонов. Упираешься в лимит, и начинается борьба с платформой. Кастомный магазин на Nuxt даёт полный контроль: свой checkout, своя логика дропов и промокодов, своя скорость. Для ASYADROP это было важно: распродажа лимитированной коллекции не терпит лишних шагов. Маленькой витрине из пяти товаров хватит и конструктора.
Будет ли админка, чтобы наполнять магазин самому?
Да. В ASYADROP за админку отвечает Strapi 5 как headless CMS: товары, дропы, промокоды и остатки клиент правит сам, без меня и без кода. Интерфейс понятный, обучения почти не требует. Момент принципиальный. Магазин не должен зависеть от разработчика на каждую новую коллекцию.
Можно ли потом интегрировать магазин с 1С?
Можно. Магазин отдаёт структурированные данные о товарах и заказах, их реально связать с 1С, складом или CRM. В ASYADROP такой интеграции не было: каталог компактный, владельцу хватало админки Strapi. Обмен с 1С добавляю, когда у бизнеса уже крутится учёт и нужна синхронизация остатков и заказов. Под конкретный процесс, а не для галочки.