Конспект: Разработка и деплой AI SaaS за 30 минут: Пошаговый запуск платного сервиса с Claude Code, Timeweb и Robokassa — VibCoderZ - VibeCoderz

Загрузка...

Саммари

🎯 О чём этот конспект: Пошаговое практическое руководство по автоматическому развертыванию полнофункционального SaaS-приложения на облачной платформе Timeweb с помощью AI-агента Claude Code (или доступных альтернатив). Разбирается привязка репозитория, настройка домена, открытие SMTP-портов для почтовой верификации, подключение платежного шлюза Robokassa и трансформация шаблона в платный сервис ИИ-чата с поминутной/потокенной тарификацией и наценкой 25%.

👤 Кому будет полезно: Вайбкодерам, разработчикам, фаундерам и инди-хакерам, которые хотят быстро развернуть, кастомизировать и монетизировать собственный AI-сервис без сложной ручной настройки серверов и написания инфраструктурного кода с нуля.

✨ Что получите: Готовый работающий SaaS-продукт на собственном домене с защитой от ботов, личным кабинетом, системой авторизации через email, приемом платежей в рублях и интерфейсом взаимодействия с нейросетями, приносящим прибыль на балансовой модели.

1. Развертывание базовой SaaS-инфраструктуры через GitHub, Timeweb API и Claude Code

Контекст: Создание SaaS-платформы с нуля требует настройки базы данных, конфигурации веб-сервера, сборки контейнеров и организации CI/CD пайплайна. Традиционно этот процесс занимает дни. С помощью подготовленного репозитория, облачной платформы Timeweb App Platform и AI-агента Claude Code вся инфраструктура (база данных PostgreSQL, backend, frontend, панель администратора) разворачивается автоматически за 10–15 минут. Агент сам отправляет API-запросы к облачному провайдеру, создает окружение и передает учетные данные администратора.

Тайминг: , , , ,

Выгода:

Экономия десятков часов на настройку серверов и Docker-конфигураций.
Стоимость старта — от 200 до 500 рублей на балансе провайдера.
Автоматически настроенный CI/CD: любые изменения в ветке main сразу обновляют рабочий сайт.

Как применить:

Шаг 1: Форк репозитория — GitHub] — Зарегистрируйтесь или авторизуйтесь на GitHub через Google. Перейдите на страницу исходного репозитория проекта и нажмите кнопку Fork -> Create Fork, чтобы скопировать проект в свой аккаунт.
Шаг 2: Подключение Timeweb и генерация токена — Timeweb Cloud] — Зарегистрируйтесь на платформе Timeweb. Пополните баланс минимум на 500 рублей (снимите галочку автосписания с карты). Перейдите в раздел App Platform -> Создать, привяжите свой аккаунт GitHub. Далее откройте раздел Terraform / API-токены, нажмите «Добавить токен», задайте имя, выберите срок действия «Бессрочно» (never), снимите галочку скрытия паролей и конфиденциальных данных, нажмите «Выпустить» и скопируйте сгенерированный токен.
Шаг 3: Авторизация в Claude Code и деплой — Claude Code / Терминал] — Авторизуйтесь в Claude Code через ваш GitHub-аккаунт. В настройках (Settings -> Connector) нажмите Connect, подтвердите права, выберите репозиторий и укажите ветку main. Вставьте команду деплоя с вашими учетными данными:

Deploy application to Timeweb App Platform.
Admin Email: your-admin-email@gmail.com
Timeweb API Token: YOUR_TIMEWEB_API_TOKEN
Repository Branch: main

Шаг 4: Контроль развертывания и первый вход — Timeweb / Браузер] — В течение 5–7 минут агент создаст базу данных (статус можно отслеживать во вкладке «Базы данных» Timeweb), затем соберет и запустит само приложение. По завершении Claude Code выдаст URL сайта и временный пароль администратора. Перейдите по ссылке, нажмите Sign in и войдите под указанным email администратора.

Результат: Развернутый и функционирующий сервис с базой данных, личным кабинетом, системой логина, панелью управления и 3-дневным пробным периодом для новых пользователей.

2. Подключение домена, SSL и настройка SMTP-верификации через Google

Контекст: Для защиты платформы от ботов и спам-регистраций необходима отправка кодов подтверждения на email при создании аккаунта. Однако большинство облачных провайдеров по умолчанию блокируют исходящие SMTP-порты для предотвращения спама. Кроме того, для коммерческого запуска требуется презентабельный домен вместо технического URL. Данный шаг включает разблокировку портов через поддержку, привязку домена и настройку отправки писем через пароли приложений Google.

Тайминг: , , , ,

Выгода:

100% защита от фейковых регистраций спам-ботами.
Повышение доверия клиентов за счет красивого доменного имени.
Бесплатная отправка транзакционных писем через Gmail без сторонних платных SMTP-сервисов.

Как применить:

Шаг 1: Разблокировка портов для отправки почты — Timeweb Поддержка] — Перейдите в панель Timeweb -> Поддержка -> Центр поддержки -> Создать общий тикет. Выберите ваш сервер и отправьте запрос на открытие SMTP-портов:

Здравствуйте! Прошу открыть исходящие SMTP-порты (25, 465, 587) для моего сервера/приложения для отправки транзакционных писем верификации пользователям сервиса.

Шаг 2: Покупка и привязка домена — Timeweb Домены] — Перейдите в раздел Домены и SSL -> Администраторы. Добавьте администратора (для зон .ru/.рф подтвердите данные через Госуслуги). Перейдите в «Купить домен», введите имя, добавьте в корзину (отключите платный SSL на этом шаге, чтобы не переплачивать) и оплатите с баланса. Далее зайдите в App Platform -> ваш проект -> Настройки -> вкладка Домены -> нажмите Редактировать, выберите купленный домен и сохраните. Запустится автобилд приложения. (Обновление DNS занимает от 30 минут до нескольких часов).
Шаг 3: Создание пароля приложения в Google — Google Аккаунт] — Перейдите в настройки безопасности аккаунта Google (должна быть включена 2FA). В разделе «Пароли приложений» создайте новый пароль для вашего SaaS. Скопируйте сгенерированный 16-значный пароль.
Шаг 4: Конфигурация SMTP в приложении — Claude Code] — Отправьте агенту Claude Code учетные данные почты для записи в переменные окружения:

Set up SMTP email configuration for user registration verification:
Email: your-service-mail@gmail.com
App Password: xxxx xxxx xxxx xxxx
SMTP Host: smtp.gmail.com
SMTP Port: 465 (or 587)

Результат: Приложение доступно по собственному домену. При регистрации новый пользователь получает 6-значный код верификации на email, без ввода которого аккаунт не активируется.

3. Интеграция платежного шлюза Robokassa для приема оплат

Контекст: Чтобы SaaS приносил доход, необходим прием платежей по банковским картам и СБП. Robokassa позволяет принимать платежи от физических лиц, самозанятых и юрлиц в РФ. Интеграция требует генерации секретных ключей (Пароль #1 и Пароль #2), прописывания вебхуков (Result URL, Success URL, Fail URL) и передачи этих параметров в backend приложения для автоматического продления подписок или пополнения баланса.

Тайминг: , , , ,

Выгода:

Автоматический прием платежей в рублях.
Моментальная активация тарифов/баланса пользователя сразу после оплаты.
Исключение ручной сверки чеков.

Как применить:

Шаг 1: Генерация ключей в Robokassa — Кабинет Robokassa] — Откройте ваш магазин в Robokassa -> перейдите в Технические настройки. Нажмите «Сгенерировать» напротив Пароль #1 (для инициализации оплаты) и Пароль #2 (для проверки Result URL). Нажмите кнопку «Сохранить» (подтвердите изменение кодом из email).
Шаг 2: Передача данных агенту — Claude Code] — Скопируйте сгенерированные пароли и идентификатор магазина (Shop ID) и отправьте их в Claude Code:

Configure Robokassa payment gateway for the application:
Shop Identifier (Merchant Login): YOUR_SHOP_ID
Password #1: GENERATED_PASSWORD_1
Password #2: GENERATED_PASSWORD_2
Default plan price: 990 RUB

Шаг 3: Настройка Webhook URL в кабинете Robokassa — Кабинет Robokassa] — В технических настройках Robokassa укажите адреса обработчиков, созданные агентом:
- Result URL: https://your-domain.ru/api/payments/robokassa/result — Метод отправки: POST
- Success URL: https://your-domain.ru/payment/success — Метод отправки: GET
- Fail URL: https://your-domain.ru/payment/fail — Метод отправки: GET
- Сохраните изменения и подтвердите кодом из email.
Шаг 4: Тестирование оплаты — Интерфейс SaaS] — Авторизуйтесь на сайте, перейдите в тарифные планы, выберите тариф за 990 руб. Сервис перенаправит вас на защищенную платежную форму Robokassa.

Результат: Полностью настроенный платежный шлюз. После оплаты деньги поступают на ваш счет в Robokassa, а приложение автоматически меняет статус пользователя на оплаченный.

4. Вайбкодинг: Трансформация SaaS в AI-чат с поминутной/потокенной тарификацией и маржой 25%

Контекст: Готовый шаблон можно быстро перестроить под любую бизнес-модель без ручного написания кода. Вместо классической ежемесячной подписки востребована модель Pay-as-you-go: пользователи пополняют внутренний баланс рублями и платят только за фактически израсходованные токены при общении с нейросетями (LLM). Timeweb предоставляет прямой доступ к AI-моделям через собственный API. Задача AI-агента — переписать лендинг, изменить логику списания денег, внедрить интерфейс чата и заложить наценку в 25%.

Тайминг: , , , , ,

Выгода:

Создание готового AI-продукта за 1 текстовый промпт.
Автоматическая монетизация каждого запроса пользователя с маржинальностью 25%.
Безопасный деплой через создание отдельной Git-ветки без риска сломать рабочую версию.

Как применить:

Шаг 1: Получение API-ключа нейросетей — Timeweb AI Services] — В панели Timeweb перейдите в раздел AI Services (Нейросети) -> нажмите «Создать ключ», задайте имя, выберите бессрочный период и скопируйте ключ.
Шаг 2: Промпт на трансформацию сервиса — Claude Code] — Отправьте развернутое техническое задание агенту:

Измени текущее веб-приложение:
1. Переделай бизнес-модель: удали фиксированные тарифные планы подписки и внедри систему внутреннего кошелька/баланса (пополнение через Robokassa от 100 рублей).
2. Сделай сервис чата с нейросетями (LLM). Списание средств с баланса пользователя должно происходить за каждый запрос на основе фактически потраченных токенов (Input/Output).
3. Добавь нашу наценку +25% к базовой стоимости токенов провайдера.
4. Интегрируй Timeweb AI API.
   - API Key: YOUR_TIMEWEB_AI_KEY
   - Base URL: https://api.timeweb.cloud/v1/ai (или актуальный эндпоинт провайдера)
5. Полностью обнови лендинг: стильный дизайн, калькулятор стоимости токенов, демонстрация возможностей генерации (таблицы, код).
6. Реализуй отображение стоимости в рублях и копейках под каждым ответом ИИ для пользователя.

Шаг 3: Переключение ветки в App Platform — Timeweb App Platform] — При масштабных изменениях Claude Code создает новую ветку в репозитории (например, feature/ai-chat или claude-update). Перейдите в Timeweb -> App Platform -> ваш проект -> Настройки -> Параметры деплоя -> выберите новую ветку из выпадающего списка -> нажмите «Сохранить». Дождитесь завершения билда (около 5 минут).
Шаг 4: Финальное тестирование сценария клиента — Браузер] — Зарегистрируйте тестовый аккаунт с нового email, подтвердите кодом, пополните баланс на 100 рублей через Robokassa, откройте интерфейс чата, выберите модель и отправьте сложный промпт (например, на составление сводной таблицы). Проверьте корректность списания суммы (например, 3 руб. 56 коп. за ответ) и остаток на балансе.

Результат: Кастомизированный рабочий AI SaaS, который принимает оплату на баланс, транслирует запросы к LLM и автоматически удерживает 25% чистой прибыли с каждого ответа.

FAQ

В: Что делать, если у меня нет платной подписки на Claude Code или Codeium? О: Вы можете использовать альтернативных легковесных AI-агентов или специализированные платформы кодинг-агентов. В видео показан вариант использования стороннего агента, подключение которого к GitHub и Timeweb через API стоит всего ~119–200 рублей, что не требует дорогой ежемесячной подписки на топовые сервисы.

В: Почему сайт не открывается сразу после покупки и привязки домена? О: Это стандартное поведение DNS. Для глобального обновления ресурсных NS и A-записей домена провайдерам требуется от 30 минут до нескольких часов. Пока обновляются DNS, вы можете открывать и тестировать сайт по техническому URL-адресу приложения, который всегда доступен во вкладке «Настройки» -> «Домены» в Timeweb.

В: Обязательно ли отправлять тикет в техподдержку для работы почты? О: Да, хостинг-провайдеры (включая Timeweb) блокируют SMTP-порты (25, 465, 587) по умолчанию для предотвращения рассылки спама с арендованных виртуальных мощностей. Ответ поддержки с открытием портов обычно занимает от 30 минут до 2 часов.

В: Где найти пароль администратора, если случайно закрыл окно чата с Claude Code? О: Пароль сохраняется в переменных окружения вашего приложения. Откройте Timeweb -> App Platform -> выберите ваше приложение -> перейдите во вкладку Настройки -> Переменные / Настройки деплоя и найдите переменную ADMIN_PASSWORD.

В: Как работает наценка 25% на токены нейросети? О: Приложение получает от API провайдера (Timeweb AI) метаданные о количестве входящих и исходящих токенов в ответе. Backend умножает базовую себестоимость токена на коэффициент 1.25 (наценка 25%), рассчитывает итоговую цену в рублях и списывает эту точную сумму с баланса пользователя.

В: Зачем Claude Code создал новую ветку в GitHub вместо коммита в main? О: Это защитный механизм вайбкодинга. Агент сохраняет стабильную базовую версию в ветке main, а масштабную переработку выносит в отдельную ветку. Это дает возможность протестировать функционал и при необходимости мгновенно откатиться назад через настройки Timeweb App Platform.

Ресурсы и ссылки

GitHub — Платформа для хостинга кода и версионирования — https://github.com
Timeweb Cloud — Облачная платформа для деплоя приложений, баз данных и покупки доменов — https://timeweb.cloud
Claude Code — AI-агент для разработки и автоматизации деплоя — упомянут в видео
Robokassa — Платежный агрегатор для приема оплат в РФ — https://robokassa.com
Google App Passwords — Сервис генерации паролей приложений для безопасного подключения SMTP — https://myaccount.google.com/apppasswords

Конспект создан на основе видео «How to Build and Deploy Full AI SaaS in 30 Minutes» канала YouTube. Все права на оригинальный материал принадлежат авторам. Источник: https://www.youtube.com/watch?v=xdAKXC0qass