Загружаем страницу.
Документация
Журнал
Фронтенд
Бэкенд
Админка
CI/CD
Загружаем страницу.
В ролике бесплатная нейросеть собрала мне лендинг для мастера маникюра: услуги, цены, отзывы и большая кнопка «Записаться в Telegram». Кнопка ведёт в бота записи — его мы собираем во втором ролике.
Я не платил ни рубля и не писал код руками. Агент — OpenCode, модель — бесплатная из его же магазина. Ниже — те же шаги, тот же промпт и что делать, когда бесплатная модель упрётся в лимит.
Карта и зарубежный IP не нужны: бесплатные модели OpenCode открываются из России.
Откройте терминал и вставьте команду:
curl -fsSL https://opencode.ai/install | bashКогда установка закончится, создайте пустую папку, например landing, перейдите в неё и запустите агента командой opencode.
В OpenCode наберите /models и выберите модель с пометкой бесплатной из списка OpenCode Zen. Например, DeepSeek V4.1 Flash или GLM 5.3 Flash.
Лимит — около 200 запросов в день на модель. На лендинг уходит несколько запросов.
Вставьте промпт целиком и отправьте:
Сделай одностраничный сайт-лендинг для мастера маникюра Анны. Клиенты записываются к ней через Telegram-бота.
Что на странице:
- Первый экран: имя мастера, одна фраза об услуге и большая кнопка «Записаться в Telegram». Кнопка ведёт на https://t.me/vibecoding_tgbot2_bot
- Услуги и цены: четыре карточки — маникюр, покрытие гель-лаком, дизайн, снятие.
- Как записаться: три шага — нажать кнопку, выбрать день и час, получить подтверждение.
- Отзывы: три коротких отзыва клиенток.
- Внизу: адрес, часы работы с 10:00 до 20:00 и ещё раз кнопка записи.
Техника:
- Один файл index.html, стили внутри, без сборщиков и фреймворков.
- Удобно с телефона: крупные кнопки, светлый тёплый фон.
- Картинки не скачивай — эмодзи или простые фигуры на CSS.
- Все тексты на русском.
Когда закончишь — открой страницу в браузере и проверь, что кнопка ведёт в Telegram, а на экране телефона всё помещается.вставьте в агента
Ссылку в кнопке замените на своего бота или на свой Telegram. Как собрать самого бота записи — инструкция ко второму ролику.
Агент сохранит в папке файл index.html и откроет его в браузере. Не открыл — откройте файл двойным щелчком.
Проверьте кнопку «Записаться в Telegram»: она должна открыть бота. Сузьте окно браузера — так страница выглядит на телефоне.
Код трогать не нужно — пишите агенту, что поменять:
Каждую правку агент вносит в тот же файл, обновите страницу в браузере.
Бесплатные модели иногда отвечают медленно, упираются в лимит или пропадают. Это не повод бросать: в OpenCode снова наберите /models, выберите другую бесплатную и напишите агенту «продолжай».
Какая бесплатная модель отвечает прямо сейчас — в живой таблице: бесплатные нейросети для кода. Мы каждые два часа пишем бесплатным моделям «hi» и отмечаем, кто ответил.
Если бесплатных моделей OpenCode мало, подключите OpenRouter: там свой список бесплатных моделей с пометкой :free, около 50 запросов в день.
opencode auth login, выберите OpenRouter и вставьте ключ./models и выберите модель с пометкой :free.Сайт OpenRouter из России открывается только с зарубежного IP — в таблице это видно в колонке «Зарубежный IP».
Хотите довести до продукта свой проект — три месяца личной работы со мной