rhizo
Подписаться

Первый сайт за вечер

Ни разу не делал сайт с нейросетью? От пустой вкладки до сайта, который открывается по ссылке и не ловит штраф. Бесплатно, код читать не нужно.

7 шагов, около 2 часов. Отмечай сделанное: вернешься - продолжишь с того же места.

  1. 1/7 · 10 минут

    Выбери, на чем собирать

    Знаешь, где собирать, и не платишь за то, что первому сайту не нужно.

    Бесплатно везде значит с лимитом. Выбирай по тому, что для тебя дороже: время или возня с файлами.

    • Чат: Алиса AI или ГигаЧат

      0 ₽ · работает из России

      Нейросеть присылает код, ты сохраняешь файл и выкладываешь сам. Дольше всего, зато сайт целиком твой.

    • ИИ-конструктор: Lovable или Bolt

      0 ₽ на старте · свой адрес от 25 $ в месяц

      Пишешь задачу, сайт собирается и выкладывается в одном окне. Быстрее всего, но бесплатных попыток мало: у Lovable 5 в день.

    • Тильда с Вайб-блоком

      0 ₽ · формы и свой адрес от 500 ₽ в месяц

      Готовые блоки, как лего, нейросеть дорисует недостающий. 5 запросов к ней в день бесплатно.

  2. 2/7 · 15 минут

    Опиши сайт одним абзацем

    Промпт, по которому нейросеть соберет сайт с первой попытки, а не с десятой.

    Нейросеть не знает, кто ты и зачем тебе сайт. Не напишешь - получишь сайт про никого. Заполни скобки и вставь.

    Собираешь в чате - допиши в конце: "Одним файлом index.html, стили внутри, без внешних библиотек. Пришли весь код одним блоком".

    Промпт для агента

    Сделай одностраничный сайт. Я [кто ты и чем занимаешься], сайт нужен, чтобы [что должен сделать посетитель: написать, купить, оставить заявку]. Мои клиенты - [кто они]. Блоки: первый экран с заголовком и одной кнопкой, 3 карточки с услугами, отзывы, контакты ссылкой на Telegram. Спокойные цвета, аккуратно на телефоне. Не собирай данные посетителей, пока я не скажу. До начала задай мне вопросы, ответов на которые не знаешь.

  3. 3/7 · 40 минут

    Собери первую версию

    Сайт открывается у тебя в браузере, и в нем твои тексты, а не заглушки.

    В чате: скопируй код из ответа, вставь в Блокнот (на Mac - TextEdit в режиме простого текста), сохрани как index.html и открой двойным щелчком. В конструкторе сайт появится сам.

    Правки пиши обычными словами: "сделай заголовок крупнее", "добавь блок с ценами". Одна правка - одно сообщение. В чате каждый раз проси код целиком.

    Первым сайт откроют с телефона. Съехавший текст и Lorem ipsum выдают брошенный проект за секунду.

    Когда сайт готов

    Промпт для агента

    Проверь сайт перед показом: замени все заглушки и Lorem ipsum на мои тексты или спроси, что написать. На телефоне шириной 375 пикселей ничего не съезжает и нет прокрутки вбок. Все кнопки и ссылки ведут на рабочие адреса. Пришли список того, что поправил.

  4. 4/7 · 20 минут

    Добавь форму и не нарвись на штраф

    Заявки приходят, а у Роскомнадзора нет повода для штрафа.

    Форма с именем или телефоном делает тебя оператором персональных данных. Без политики на сайте - штраф до 60 000 ₽, без отдельного согласия - до 300 000 ₽.

    Не нужна форма - оставь ссылку на Telegram, это ноль риска. Нужна - нужны три вещи: политика на отдельной странице, своя галочка согласия, не отмеченная заранее, и заявки на сервере в России.

    Собрать политику и согласие за 2 минуты
    Промпт для агента

    Добавь форму заявки: имя и телефон. Под формой галочка, не отмеченная заранее: "Согласен на обработку персональных данных" со ссылкой на страницу /consent. Без галочки форма не отправляется. В подвале ссылка на политику /privacy. Тексты политики и согласия дам сам. Заявки храни только на сервере в России; если так не получается, скажи мне до того, как делать.

  5. 5/7 · 30 минут

    Выложи сайт в интернет

    Сайт открывается по ссылке у всех, с замком в адресной строке.

    Файл на твоем компьютере никто не увидит. Сайт из конструктора уже в интернете - переходи к шагу 6.

    Проверь замок: набери адрес с http:// без s. Он должен сам перескочить на https://, иначе браузер пишет посетителям "Не защищено".

    • Хостинг

      0 ₽ · Beget, тариф FreeHosting

      1 сайт и 1 ГБ бесплатно, хватит на простой сайт. Хостинг - компьютер, который круглые сутки показывает сайт всем.

    • Свой адрес .ru

      от 169 ₽ в год

      Оформи на себя, с настоящими данными, и включи автопродление. Домен, купленный на друга или фрилансера, не твой.

    Промпт для агента

    Я хочу выложить сайт на обычный хостинг. Скажи, нужен ли ему сервер или база. Если нет, собери готовую версию в одну папку и объясни по шагам, какие файлы куда загрузить через панель хостинга. Потом настрой, чтобы сайт открывался только по https.

  6. 6/7 · 10 минут

    Проверь, не торчат ли ключи

    Пароли и ключи не лежат в открытом доступе, и счет за чужие запросы к нейросети не придет.

    Боты каждый день проверяют у всех сайтов адрес /.env: там лежат пароли от базы и ключи. Допиши его к своему адресу и открой. Скачался файл или видишь строки вида DB_PASSWORD= - закрывай сегодня. 404, 403 или твоя обычная страница - порядок.

    Второе: правая кнопка на сайте → "Просмотр кода страницы" → поиск sk-. Так начинаются ключи нейросетей. Нашел - ключ засвечен, выпусти новый в кабинете сервиса.

    Промпт для агента

    Запиши в правила проекта: файл .env и папка .git никогда не попадают в папку, которую видит интернет; .env всегда в .gitignore; ключи от нейросетей и пароли только на сервере, в коде страницы их нет. Перед каждой выкладкой проверяй это и говори мне, если что-то не так.

  7. 7/7 · 15 секунд

    Прогони сайт через проверку

    Счет из 10 и список, что поправить, с готовым промптом к каждому пункту.

    Агент делает быстро, но про законы и утечки сам не вспомнит. Проверка найдет, что пропустили шаги выше: формы без согласия, открытые файлы, иностранные сервисы, вид ссылки в пересылке.

    15 секунд, без регистрации.

Частые вопросы

Что такое вайбкодинг простыми словами?

Ты говоришь нейросети обычными словами, какой нужен сайт, а она пишет код и правит его по твоим замечаниям. Код читать не обязательно, но проверять результат придется: про законы и утечки нейросеть сама не вспомнит.

Можно сделать сайт с нейросетью бесплатно?

Да, если сайт простой. Алиса AI и ГигаЧат пишут код бесплатно, у Тильды есть бесплатный тариф с Вайб-блоком, у Beget - бесплатный хостинг на 1 сайт. Платить придется за свой адрес .ru, от 169 ₽ в год, и за прием заявок на Тильде.

Что работает из России без обходных схем?

Алиса AI, ГигаЧат и Тильда. В условиях Lovable, Bolt и v0 Россия прямо не названа, бесплатными тарифами пользоваться можно. России нет в списках стран, где официально работают ChatGPT, Claude и Gemini.

Маршрут собрал Александр Корнев. Строю продукты с ИИ-агентом и разбираю, где такие проекты ломаются. Новое сначала в канале.