Марина, репетитор, скачала Cursor, вставила текст из Instagram и получила папку с npm и TypeScript. Не поняла, что открывать, испугалась сломать проект и снова ушла в Tilda. Боль новичка: не «написать код», а собрать страницу, выложить в интернет и получить заявку. Ниже – путь «одна папка, один index.html, zip на vercel.com/drop». За вечер – HTTPS-ссылка и тестовая заявка на почту.
Лендинг без программиста – это не «освоить веб-разработку», а собрать блоки как в конструкторе: вы описываете оффер словами, Cursor Agent правит файлы за вас, Vercel Drop публикует папку без Git и терминала. Стек для первого раза: один HTML-файл с Tailwind через CDN, Formspree для формы, Яндекс Метрика в head. С 12 июня 2026 Vercel Drop на Hobby free принимает zip прямо в браузере – это самый короткий путь от идеи до живой ссылки.
Запрос «создать лендинг» – 2 192 показа в месяц, «как сделать лендинг» – 770, «cursor ai сайт» – 181 (Wordstat, июнь 2026). Люди ищут действие, а не теорию. Через неделю после анонса Vercel Drop (12.06.2026) новичок может опубликовать папку с index.html без Git, CLI и карты: перетащил zip на vercel.com/drop – получил HTTPS на Hobby free. Agent (Ctrl+I на Windows, Cmd+I на Mac) – не чат для копирования, а «монтажёр», который правит файлы в папке. Tailwind CDN – готовые стили по ссылке; npm – менеджер пакетов для программистов, для первого раза не нужен.
Соберите мини-бриф: оффер, пять блоков и куда падают заявки
Типичная ошибка – написать «сделай лендинг» без брифа. Агент тянет React или Next.js. Сначала 10 минут на документ в Notes или Google Docs.
- Оффер: кому помогаете и результат в двух предложениях («репетитор по математике, +1 балл за 2 месяца»).
- Пять блоков: hero с кнопкой, три карточки услуг, отзыв, FAQ из 5 вопросов, форма.
- Заявки: email или аккаунт Formspree (бесплатный тариф для теста).
Делайте: один экран текста перед Agent. Не делайте: просить «красивый сайт» без ЦА – получите шаблон без оффера.
Откройте Cursor с простым стеком: один index.html без npm
Боль «Cursor только для программистов» снимается правилом: один HTML-файл, Tailwind через CDN, без React, Next.js и TypeScript. Cursor Hobby бесплатен, карта не нужна; Agent-запросов хватит на первый лендинг (см. cursor.com/pricing).
- Шаг 1: Скачайте Cursor с официального сайта и установите.
- Шаг 2: Создайте пустую папку, например landing-marina, и откройте её через File → Open Folder.
- Шаг 3: Создайте файл index.html (правый клик → New File).
- Шаг 4: Откройте Agent (Ctrl+I), вставьте бриф и добавьте фразу: «Один файл index.html, Tailwind через CDN, без фреймворков и без npm».
- Шаг 5: Дождитесь правок, откройте index.html двойным кликом в проводнике – страница должна открыться в браузере.
Next.js – фреймворк для разработчиков; оставьте на «уровень 2», когда HTML-лендинг уже приносит заявки. На практике новички, которые просят Next.js сразу, часто бросают на слове npm – так описывают типичную ошибку на promaren.ru.
Запустите Agent вместо копирования кода из чата
Вторая частая ошибка – копировать куски из обычного чата в файлы. Закрывающие теги теряются, форма «не работает». Agent сам создаёт hero, карточки, FAQ и футер в проекте – так устроен режим по docs Cursor.
Пример промпта: «По брифу ниже собери index.html. Hero с кнопкой ‘Записаться’, три услуги, отзыв, FAQ из 5 вопросов, форма name/email/phone/message, Tailwind CDN, адаптив 375px, один файл без React.» После генерации: «Увеличь контраст CTA и проверь FAQ на телефоне».
Если Agent пишет «Something went wrong» – новый чат (Ctrl+N), короткая задача («только форму»), не смешивайте HTML с npm. На forum.cursor.com это лечат сбросом контекста.
Подключите Formspree: форма без своего сервера
Formspree принимает данные формы и шлёт на почту – свой сервер (бэкенд) не нужен. Достаточно action, method post и name у каждого поля (formspree.io/html).
- Зарегистрируйтесь на formspree.io, создайте форму, скопируйте URL formspree.io/f/xxxx.
- В Agent: «В форме method post, action на мой Formspree, name: name, email, phone, message».
- Отправьте тест с телефона, проверьте входящие и папку «Спам».
Делайте: тест до рекламы. Не делайте: запуск Директа, пока письмо не пришло.
Опубликуйте лендинг через Vercel Drop без GitHub
GitHub пугает тех, кто хочет «кнопку опубликовать». 12 июня 2026 Vercel анонсировал Drop: перетащили папку или zip с index.html на vercel.com/drop – HTTPS-URL на Hobby free. Static HTML отдаётся как есть, без сборки (vercel.com/docs/drop).
Схема публикации:
Папка с index.html → zip (если нужно) → vercel.com/drop → Deploy → сохранить HTTPS-ссылку → открыть на телефоне
- Убедитесь, что index.html лежит в корне папки (не во вложенной подпапке без index).
- Заархивируйте папку или перетащите её целиком на vercel.com/drop.
- Нажмите Deploy, дождитесь зелёного статуса, скопируйте URL.
- Откройте ссылку в Chrome на телефоне: hero, FAQ и форма должны помещаться без горизонтальной прокрутки.
GitHub + Import в Vercel – когда правок много и нужен авто-деплой при каждом сохранении. Для первой гипотезы Drop быстрее любого конструктора с привязкой к аккаунту.
Добавьте Метрику, SEO-заголовки и UTM перед рекламой
Запускать Директ или VK без аналитики – слив бюджета. Яндекс Метрика – бесплатный счётчик; код ставят ближе к началу head. UTM-метки – метки в URL объявления (?utm_source=yandex&utm_medium=cpc&utm_campaign=rep-math), чтобы видеть источник в отчётах.
Попросите Agent: «title до 60 символов, meta description, один H1, код Метрики в head». Title – заголовок вкладки и сниппета; description – описание для поиска. После деплоя откройте лендинг с телефона – визит появится в «Онлайн» за минуту.
Сравните конструктор и Cursor для первого лендинга
| Критерий | Tilda / конструктор | Cursor + HTML + Drop |
|---|---|---|
| Старт без кода | Да, блоки мышкой | Да, описываете блоки словами Agent |
| Владение файлами | Страница на платформе | Папка у вас, можно править и переносить |
| Стоимость первого теста | Бесплатный тариф с ограничениями | Cursor Hobby + Vercel Hobby + Formspree free |
| Когда удобнее | Нужен шаблон за час без IDE | Нужен свой текст, форма, аналитика и ссылка за вечер |
Итог: для первой проверки оффера Cursor выгоден, если вы готовы один раз пройти Agent → Drop. Конструктор быстрее, если IDE пугает сильнее, чем блоки Tilda.
Пройдите чек-лист запуска – так вы поймёте, что всё работает
Критерий успеха: HTTPS-ссылка открывается; на телефоне (375px) hero, FAQ и форма не «ломаются»; тестовая заявка в почте; title, description и Метрика в коде; UTM-ссылка для рекламы готова.
- Мобилка 375px: нет горизонтальной прокрутки, кнопка формы нажимается пальцем.
- Форма: тестовая заявка в Formspree или на email.
- Метрика: визит в «Онлайн» после открытия с телефона.
- Скорость: hero без гигантских картинок, PageSpeed не «красный».
Если все пункты зелёные – лендинг готов к первому трафику. Цепочку заявка → CRM → Telegram разбираем в курсе Make.com и вайбкодинга – для первого одностраничника хватит шагов выше.
Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Достоверность данных: тариф Cursor Hobby и режим Agent – cursor.com/pricing и cursor.com/help/ai-features/agent; Vercel Drop (12.06.2026) – vercel.com/changelog/vercel-drop и vercel.com/docs/drop; Formspree HTML – formspree.io/html/; Метрика – yandex.ru/support/metrica/quick-start.html; частотность «создать лендинг» (2 192), «как сделать лендинг» (770), «cursor ai сайт» (181) – Яндекс Вордстат, регион 225, 19.06.2026.
Частые вопросы
Как сделать лендинг с помощью ИИ без программирования?
Опишите оффер и пять блоков, откройте папку в Cursor, попросите Agent собрать index.html с Tailwind CDN, подключите Formspree, задеплойте на vercel.com/drop. Не копируйте код из чата – пусть Agent правит файлы.
Можно ли создать лендинг бесплатно?
Да: Cursor Hobby, Vercel Drop на Hobby, Formspree free и Метрика. Платить – при лимитах Agent или своём домене.
Как сделать лендинг самому пошагово?
Один HTML-файл, без Next.js, новый чат при сбое Agent, проверка двойным кликом по index.html до деплоя.
Чем Cursor лучше Tilda для первого лендинга?
Файлы на вашем диске, Formspree, Drop без подписки на конструктор. Tilda быстрее, если IDE пугает сильнее блоков SaaS.
Куда выложить cursor ai сайт без GitHub?
vercel.com/drop: папка с index.html в корне, Deploy, HTTPS за минуты. GitHub – позже для авто-обновлений.
Форма не отправляет заявку – что делать?
Проверьте action Formspree, method post, name у полей. Тест с телефона, загляните в спам. Agent: «исправь форму под Formspree».
Нужен ли платный тариф Cursor сразу?
Скачивайте с cursor.com. Hobby хватит на первый лендинг; Pro – когда Agent нужен каждый день.
