Создание сайта с CRM и CMS без кода за 15 минут

Обзор инструментов и экосистемы

Для создания полнофункционального бизнес-сайта с интеграциями нужны только бесплатные сервисы. Каждый выполняет свою роль в системе:

• Antigravity — AI-конструктор на базе Gemini 3.5 Flash, генерирует весь код сайта. Бесплатные лимиты достаточны для одного полноценного проекта.
• Vercel — облачный хостинг для развёртывания сайта с автоматическим деплоем. Бесплатный тариф включает SSL и CDN.
• Telegram Bot — создаётся через @BotFather для получения уведомлений о заявках в real-time.
• Яндекс.Диск и Яндекс.Таблицы — облачные хранилище и база данных. Одновременно служат CRM и источником для CMS. Данные хранятся на серверах Яндекса, что соответствует российскому законодательству о защите персональных данных.

Важно: Antigravity полностью поддерживает работу в России. Бесплатные лимиты достаточны для создания одного сайта со всеми интеграциями.

Подготовка задачи и генерирование кода

Шаг 1. Подготовка референса дизайна

Подберите картинку-образец желаемого стиля сайта. Загрузьте её в Antigravity — нейросеть будет ориентироваться на цветовую гамму, компоновку и общую эстетику.

Шаг 2. Написание детального промта

Опишите задачу на естественном русском языке. Включите:

• Цель и сценарий: для какого бизнеса сайт (например, «премиальная детейлинг-студия в центре города»).
• Требования к дизайну: «современный, премиальный, с плавными анимациями, встроенные SVG-иконки без эмодзи».
• Функционал сайта: форма заявок, секции услуг, галерея портфолио, контакты.
• Интеграции: «заявки отправляются в Telegram-бота и записываются в Яндекс.Таблицу, контент привязан к таблице (CMS)».
• Хостинг и деплой: «сайт развёртывается на Vercel автоматически».
• Токены доступа: уточните, какие ключи и ссылки нужны Antigravity для подключения каждого сервиса.

Шаг 3. Генерирование и интеграция

Antigravity автоматически:

1. Генерирует весь HTML, CSS и JavaScript код сайта.
2. Создаёт форму заявок с интеграцией в Telegram Bot API и Яндекс.Таблицы.
3. Добавляет CMS-слой (даже если не просили) для редактирования контента без кода.
4. Подготавливает файлы для деплоя на Vercel.

Настройка токенов и интеграций

После генерации кода нужно подключить каждый сервис своим ключом доступа. Процесс занимает 5–10 минут.

Telegram Bot

1. Откройте чат с @BotFather в Telegram.
2. Используйте команду /newbot и следуйте подсказкам.
3. Скопируйте HTTP API Token (выглядит как 123456789:ABCdefGHIjklmnoPqrsTUVwxyzABCdeFGH).
4. Получите свой Chat ID: напишите любое сообщение боту @userinfobot, он ответит с вашим ID.

Яндекс.Диск (для CRM и CMS)

1. Перейдите в Яндекс OAuth и создайте новое приложение.
2. Установите права доступа: «Чтение всего диска» и «Запись в любом месте».
3. Получите Client ID и Client Secret.
4. Генерируйте авторизационный URL с подставленным Client ID, откройте её, разрешите доступ.
5. Скопируйте полученный OAuth-токен — он нужен для работы CRM и CMS.

Vercel (для хостинга и деплоя)

1. Зарегистрируйтесь на vercel.com.
2. Перейдите в Settings → Tokens.
3. Создайте новый бессрочный токен доступа (Permanent Token).
4. Передайте этот токен Antigravity — AI используя его для автоматического деплоя после каждого обновления кода.

Совет: Сохраняйте все токены в защищённом месте (например, в зашифрованной заметке). Никогда не выкладывайте их в открытый код или на публику.

Результат: готовый сайт с интеграциями

Внешний вид и функциональность

Antigravity генерирует:

• Современный дизайн со стильными шрифтами, цветовой гаммой, подобранной по референсу.
• Анимации (GSAP-библиотека) для плавных переходов между секциями и интерактивных элементов.
• SVG-иконки тематического содержания (без эмодзи, профессионально выглядящие).
• Сгенерированные изображения для галереи и баннеров (если не загружали свои).
• Адаптивный дизайн — сайт красиво выглядит на мобильных, планшетах и десктопах.

Работа системы заявок

1. Посетитель заполняет форму на сайте (имя, телефон, комментарий).
2. Форма отправляет данные в Telegram-бота — вы получаете уведомление мгновенно.
3. Те же данные автоматически записываются в таблицу на Яндекс.Диске.
4. В одном месте (таблица) видны все заявки с полной историей и возможностью добавить примечания.

Работа CMS: редактирование контента

Весь контент сайта привязан к таблице на Яндекс.Диске:

• Заголовки страниц, описания услуг, телефоны, адреса, ссылки на социальные сети.
• Измените текст в таблице — сайт обновляется мгновенно после обновления страницы (F5).
• Не требуется никакого знания кода, доступ имеет любой, кто получил ссылку на таблицу.
• История изменений сохраняется в Яндекс.Таблицах автоматически.

Важно: CMS работает в режиме реального времени. Изменения в таблице отражаются на сайте после перезагрузки страницы — нет кэша или задержек.

Стоимость, время и экономика

Ключевые цифры

• Себестоимость для вас: 0 рублей. Все сервисы используют бесплатные лимиты.
• Рыночная стоимость аналога: 50–120 тысяч рублей по оценке веб-студий.
• Экономия времени: вместо недель работы разработчика — 15 минут.
• Результат: полностью функциональная система, готовая к работе с первого дня.

Совет: Если потребуется второй сайт после исчерпания бесплатных лимитов Antigravity, можно либо дождаться обновления лимитов, либо подключить платный тариф модели Gemini.