🕯 Создаём сайт для магазина за 1 час
Да, вы не ослышались — за один час. Без кода, без дизайнера, без разработчиков. Только я, poehali.dev и Юра — мой AI-ассистент.
💡 С чего всё началось
Сегодня я решил провести эксперимент: можно ли за один день (а лучше — за час) сделать магазин для приёма заказов?
Спойлер: Конечно можно.
И неважно, что вы продаёте — услуги, материалы, свечи, новогодние шапки или советы по жизни. Главное — идея и немного вайба.
Кстати, весь процесс записали и выложили на YouTube – Открыть выпуск
🚀 Что мы задумали
Решил сделать магазин ароматических свечей — потому что Новый год, потому что уютно, и потому что свечи — вечная классика.
Взял первый попавшийся сайт в поиске, сделал скриншот интерфейса и сказал Юре (моему AI-ассистенту из платформы poehali.dev):
Юра, сделай мне магазин по продаже свечей, как на этом скрине.
Один запрос — и магия вне Хогвартса началась.
🧠 Кто такой Юра
Юра — это встроенный помощник платформы poehali.dev, на которой можно создавать приложения без программирования — просто описывая, что ты хочешь получить.
Юра понимает русский язык, задаёт уточняющие вопросы, а потом сам собирает код, дизайн, интеграции и даже подключает Telegram-бота для заказов. И это лишь малая часть его возможностей. Короче, идеальный напарник для вайбкодера.
🧩 Сайт родился за 2 запроса
- Отправил скриншот — Юра собрал базовую структуру магазина: каталог, корзину, контакты, раздел «О нас» и даже «Доставку». Увы, мой запрос был понят буквально и на всех позициях красовался мой скриншот 🫠
- Попросил заменить картинки свечей на реальные. Поэтому после второго запроса Юра нашёл изображения и добавил к каждой позиции фото со свечей.
Получился аккуратный сайт — минимализм, приятные цвета, работающая корзина. Даже счётчик товаров сам добавил!
В принципе, на этом можно было заканчивать, но это не про нас.
💬 Подключаем Telegram
Я хотел, чтобы все заказы падали в Telegram, а не в базу данных. Пишу запрос и Юра всё сделал сам — даже объяснил, как это устроено: рассказал, где взять API-токен, как подключить бота и куда вписать ключи.
Теперь при каждом заказе бот присылает сообщение в группу:
Без лишних панелей админа, просто в Telegram. Удобно, быстро, по-вайбовому.
🎨 Добавили красоты
Дальше я уже докручивал только визуал в виде плавной анимации, чтобы свеча «зажигалась» при наведении курсора 🔥
Вот так позиция выглядит на сайте:
А так после наведения курсора на картинку:
Чтобы не было скучно, я попросил Юру сделать отдельное окно с анимацией горения свечи, когда заказ оформлен. Получилось блекло, поэтому сразу же попросил сделать анимацию красивее — более люксовую. И он сделал.
Получилось не с первого раза — но кто из нас сразу с 1 попытки делал идеальный сайт?
⚙️ Всё работает
Теперь магазин:
- имеет корзину и подсчёт суммы;
- принимает заказы через Telegram;
- показывает акционные товары с зачёркнутыми ценами;
- даёт пользователю ощущение тепла, за счет динамики и анимаций свечей ✨
На всё ушло меньше часа. Если бы я не отвлекался на анимации, было бы гораздо быстрее.
📈 Что дальше
В следующей следующей статье я расскажу: что такое домен, как его купить и "прикрутить" к вашему сайту или приложению.
И да — разработчики, держитесь. Юра быстро учится. 😄
❤️ Итог
За пару запросов и без строчки кода можно сделать работающий интернет-магазин. Главное — не бояться пользоваться и играться с нейросетями.
Нейросети не отнимают работу, они дают вам возможность не ждать разработчиков.
Пробуйте. Заходите на poehali.dev, пишите любую идею — и вы всё поймёте сами.
С нейролюбовью,
Артур Малый
Синьор Вайбкодер команды «Поехали!»
