Сайт без кода на Lovable: от описания до рабочей ссылки
Соберём сайт с формой заявок и админкой, не написав ни строки кода. Главное здесь — не «попросить сделать сайт», а описать структуру данных: от этого зависит, придётся ли всё переделывать на середине.
Шаг 1. Сначала данные, потом дизайн
Самая частая ошибка новичка — начать с «сделай красивый сайт». Конструктор соберёт красивый сайт, в который потом невозможно добавить заявки. Начните с описания того, что вы будете хранить.
Сайт для приёма заявок на услугу. Храним заявку: имя, телефон, комментарий, дата создания, статус (новая / в работе / закрыта). Сначала создай структуру данных и покажи её мне. Сайт пока не рисуй.
Шаг 2. Описать страницы
Когда структура согласована, переходите к страницам. Описывайте не «как выглядит», а «что человек делает»: так конструктор реже придумывает лишнее.
Сделай две страницы. Главная: описание услуги, цена, форма заявки (имя, телефон, комментарий), кнопка «Отправить». После отправки — сообщение об успехе. Админка: таблица заявок с фильтром по статусу.
Шаг 3. Закрыть админку
По умолчанию сервис часто оставляет админку доступной всем, у кого есть ссылка. Это нужно проверить явно и попросить закрыть вход, иначе ваши заявки увидит любой.
Закрой админку авторизацией по почте. Неавторизованный пользователь должен видеть только главную страницу. Покажи, как добавить второго администратора.
Шаг 4. Проверить на телефоне
Конструкторы регулярно делают небрежную мобильную вёрстку: съезжает форма, обрезаются кнопки, таблица не скроллится. Откройте сайт на телефоне до того, как показывать заказчику, и правьте по конкретным экранам.
Шаг 5. Проверить, что заявки доходят
Отправьте три тестовые заявки: обычную, с пустым телефоном и с очень длинным комментарием. Все три должны либо корректно сохраниться, либо дать понятную ошибку. Молчаливая потеря заявки — самый дорогой баг на таком сайте.
Шаг 6. Опубликовать и забрать код
Публикация — одна кнопка, сайт открывается по ссылке на поддомене сервиса. Свой домен подключается на платном тарифе. Сразу выгрузите код: это ваша страховка от привязки к сервису.