«Программисты, вы следующие»: Как я, маркетолог без знания кода, за выходные собрал свой SaaS-сервис. Бесплатно. Гайд по Cursor
Три месяца назад я пришел в веб-студию с идеей простого сервиса для генерации коммерческих предложений (КП). Мне выкатили смету: 350 000 рублей и 2 месяца работы.
«Нужен дизайнер, верстальщик, бэкендер и еще тестировщик», — сказали мне с умным видом. «У меня есть только ноутбук, выходные и злость», — подумал я.
В прошлую субботу я скачал редактор кода Cursor, а в воскресенье вечером я уже скинул ссылку на рабочий сервис первым клиентам. Я не написал ни одной строчки кода *руками*. Всю работу сделали нейросети.
В этой статье я покажу, как собрать веб-приложение с нуля, если вы гуманитарий, и сэкономить сотни тысяч рублей. Разработчикам читать с валерьянкой.
---
Инструменты (Наш Стек)
Забудьте про Tilda или Bubble. Мы будем делать по-взрослому: настоящий React-код, база данных, динамика. Но делать это будет ИИ.
1. Cursor — это как VS Code (где пишут код программисты), но со встроенным ИТ-гением внутри (на базе Claude 3.5 Sonnet). 2. v0.dev — чтобы нарисовать дизайн (нейросеть от Vercel). 3. Supabase — база данных (звучит страшно, но Cursor настроит её сам).
Бюджет: 0 рублей (у всех инструментов есть бесплатные тарифы).
---
Шаг 1. Дизайн без дизайнера (1 час)
Я не умею рисовать в Figma. Я зашел на v0.app и просто написал:
«Сделай мне дашборд для генерации КП. Слева форма ввода данных о клиенте (Имя, Услуга, Цена), справа — превью документа А4. Цвета: строгий серый и неоновый синий. Стиль Apple. Сделай кнопку "Скачать PDF"».
Через 30 секунд он выдал мне готовый интерфейс. Я понажимал на кнопки — анимации работают. Я нажал кнопку «Копировать код» (`npx v0 add...`).
Шаг 2. «Магия» в Cursor (3 часа)
Я установил Cursor, создал пустую папку и нажал `CMD + I`. Это вызывает режим Composer — киллер-фича, когда ИИ пишет код сразу в несколько файлов, создавая архитектуру проекта.
Я вставил команду из шага 1, а потом написал промпт:
«Это наш фронтенд. Теперь напиши логику. При нажатии на кнопку "Генерировать", данные из формы должны отправляться в OpenAI API (вот мой ключ), формировать продающий текст КП и позволять скачать результат как PDF-файл».
Cursor начал сходить с ума. В правой части экрана побежали строки. Он сам создал файлы `App.js`, `api/generate.js`, настроил стили, скачал библиотеку для PDF.
Важный момент: Я не понимаю, что написано в этих файлах. Мне и не нужно. Я выступаю как Product Manager, который ставит задачу, а Cursor — как Senior Developer, который молча ее выполняет.
Шаг 3. Первые баги и как я их «чинил» (2 часа)
Конечно, с первого раза идеально не вышло. Кнопка PDF не нажималась, а текст вылезал за границы листа.
Раньше: Я бы пошел гуглить на StackOverflow, ничего не понял, заплакал и бросил. Сейчас: Я сделал скриншот ошибки прямо в браузере, перетащил его в чат Cursor и написал одно слово: «Почини».
Ответ ИИ: «Извини, я неправильно рассчитал отступы в PDF-документе. Вот исправленный компонент». Я нажал `Apply`. Через 10 секунд все заработало.
Шаг 4. База данных и авторизация (Суббота, вечер)
Мне нужно было, чтобы пользователи могли регистрироваться и сохранять свои КП.
Промпт в Cursor: > «Подключи Supabase. Сделай вход через Google. Сохраняй историю всех сгенерированных КП в базу пользователя».
Cursor не только написал код, но и выдал мне пошаговую инструкцию в чате: «Зайди на сайт Supabase, нажми Create Project, скопируй вот этот ключ и вставь в файл .env».
Я просто выполнял команды своего робота.
---
Итог выходных
К вечеру воскресенья у меня на руках: 1. Лендинг с рабочей авторизацией через Google. 2. Личный кабинет с историей заказов. 3. Генератор PDF-файлов с GPT-5 внутри. 4. Хостинг на Vercel (бесплатно).
Потрачено: 0 рублей. Сэкономлено: 350 000 рублей и нервы от общения с менеджерами студии.
---
Почему это изменит рынок (Выводы)
Я предвижу комментарии профессиональных сеньоров в треде: — «Там внутри говнокод! Это невозможно масштабировать!»
Возможно. Но этот «говнокод» работает, приносит пользу первым пользователям и не стоил мне ни копейки. Когда мне нужно добавить новую фичу (например, темную тему), я просто пишу Cursor: «Добавь темную тему». И он добавляет. Мне не нужно "поддерживать" код, я просто перегенерирую его куски.
Мы входим в эру, когда умение «кодить» перестает быть элитным навыком. Теперь главное — умение формулировать мысли, понимать продукт и правильно ставить задачу ИИ.
Программисты, которые пишут сложную архитектуру и обучают эти нейросети, останутся королями. Но вот студии, продающие простые лендинги и CRUD-приложения за 100к+? Ребята, кажется, ваша бизнес-модель доживает последние дни.
P.S. Полный список промптов, которыми я заставил Cursor работать, и конфиг для Supabase выложил в своем Telegram-канале. Ссылка в профиле.
👉 Ссылка на канал: Утром Деньги (@morning_cash)