Lovable Custom Domains: от localhost до продакшена

Видеть свой проект на реальном домене с `.com` - это как переход во взрослую жизнь. Сразу чувствуешь, что всё по-настоящему. URL вида `your-app.lovable.dev` отлично подходит для разработки и тестирования, но по сути это просто "черновик". Он прямо кричит: "работаю над проектом".

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

Перед началом: Зачем нужен кастомный домен

Использование кастомного домена в первую очередь говорит о профессионализме и помогает создать узнаваемый бренд. Это цифровой эквивалент наличия настоящего адреса офиса вместо абонентского ящика. Запоминающийся домен пользователям легче найти, ввести и поделиться им. Это напрямую влияет на доверие-если вы запрашиваете пользовательские данные или платежи, брендированный домен просто необходим. Он показывает пользователям, что вы вкладываетесь в свой проект надолго.

С технической точки зрения, кастомный домен даёт вам переносимую надёжность. Если в далёком будущем вы вдруг перенесете своё приложение из Lovable-хоть это и маловероятно, я знаю-ваш домен и его наработанный поисковый рейтинг перейдут вместе с вами. Поддомен `.lovable.dev`-отличная штука для разработки. Но для запуска вам нужна своя собственная территория.

Весь процесс, упрощённо

Весь процесс можно свести к простому диалогу между вами, Lovable и вашим регистратором доменов. Сначала вы сообщаете Lovable имя домена, которое хотите использовать. Lovable затем даёт вам пару адресов-цифровой отпечаток-чтобы подтвердить, что вы владеете этим доменом. Затем вы заходите к своему регистратору доменов (где вы купили домен) и создаёте записи, которые направляют ваш домен на эти адреса Lovable. Наконец, системы Lovable проверяют эти записи, подтверждают правильность всего, и автоматически защищают ваш сайт SSL-сертификатом. Вот и всё. Вся магия-это просто хорошо продуманный протокол.

Шаг 1: Подготовьте свой домен

Для начала вам нужно владеть доменным именем и иметь доступ к его DNS-настройкам. Если у вас ещё нет домена, вам нужно будет его приобрести. Я рекомендую провайдеров, которые предлагают понятные интерфейсы и не навязывают агрессивно дополнительные услуги. Мои личные фавориты-Namecheap и Porkbun. GoDaddy тоже работает, но его интерфейс может быть немного перегружен.

Как только у вас появится домен, единственное, что имеет значение, это найти раздел "Управление DNS" или "Расширенные DNS" в панели управления вашего провайдера. Это панель управления, где вы будете указывать домену, куда отправлять трафик. Прежде чем переходить к следующему шагу, убедитесь, что вы можете войти и найти эту страницу. Откройте её в отдельной вкладке браузера. Она понадобится вам совсем скоро.

Шаг 2: Подключите свой домен в Lovable

Интерфейс Lovable 2026 делает этот шаг невероятно простым. Lovable использует граничную сеть Vercel для всех развертываний, что обеспечивает производительность и надёжность корпоративного уровня без каких-либо проблем с конфигурацией. Процесс настройки домена отражает эту простоту.

Вот как это сделать:

1. Перейдите на панель управления вашего приложения в Lovable.
2. Нажмите на вкладку "Настройки" в главном меню.
3. Выберите "Домены" из бокового меню.
4. В поле "Добавить домен" введите полное имя вашего домена, например `www.my-brilliant-app.com`, и нажмите "Добавить".

Lovable теперь покажет вам записи DNS, которые вам нужно настроить. Обычно предлагается один из двух вариантов:

• Для корневого домена (например, `my-brilliant-app.com`): Будет предоставлен IP-адрес для A-записи.
• Для поддомена (например, `www.my-brilliant-app.com` или `app.my-brilliant-app.com`): Будет предоставлен hostname для CNAME-записи.

Держите эту страницу открытой. Вы будете копировать эти значения в настройки DNS вашего регистратора на следующем шаге. Lovable также покажет статус "Ожидает подтверждения" рядом с вашим доменом. Это нормально. Он не изменится, пока мы не завершим следующий шаг.

Шаг 3: Направьте ваш DNS на Lovable

Это самый важный шаг, но по сути это просто копирование и вставка. Вы создаёте записи, которые действуют как указатели в интернете. Когда кто-то вводит ваш домен в свой браузер, эти записи сообщают браузеру, что нужно получить контент с серверов Lovable.

Войдите к своему регистратору доменов (Namecheap, GoDaddy и т.д.) и перейдите на страницу управления DNS, которую вы нашли ранее. Вам нужно будет добавить две записи, чтобы убедиться, что как корневой домен (`my-brilliant-app.com`), так и поддомен `www` работают правильно. Стандартная практика-перенаправлять корневой домен на версию с `www`.

Вот записи, которые вам нужно добавить. Конкретные значения будут на странице "Домены" в вашей панели управления Lovable.

Запись 1: A-запись (для корневого домена) Эта запись указывает на ваш основной домен на определённый IP-адрес, предоставленный Lovable (через Vercel).

| Тип | Имя / Хост | Значение / Указывает на | TTL | |---|---|---|---| | `A` | `@` | `76.76.21.21` | Авто |

• Тип: Выберите `A Record`.
• Имя/Хост: Используйте `@`. Это стандартное сокращение для самого корневого домена.
• Значение: Введите IP-адрес, предоставленный Lovable. Скорее всего, это будет `76.76.21.21`.
• TTL (Время жизни): Оставьте это значение по умолчанию, которое обычно "Автоматически" или "1 час".

Запись 2: CNAME-запись (для поддомена `www`) Эта запись указывает на `www` версию вашего домена на hostname, предоставленный Lovable. Это псевдоним.

| Тип | Имя / Хост | Значение / Цель | TTL | |---|---|---|---| | `CNAME` | `www` | `cname.vercel-dns.com` | Авто |

• Тип: Выберите `CNAME Record`.
• Имя/Хост: Введите `www`.
• Значение/Цель: Введите hostname, предоставленный Lovable. Он будет выглядеть примерно так: `cname.vercel-dns.com`.
• TTL: Снова оставьте это значение по умолчанию.

После добавления обеих записей сохраните изменения. Ещё раз проверьте на наличие опечаток. Единственный неверный символ-самая распространённая причина сбоя. Интерфейс вашего регистратора обновится, и теперь начнётся игра ожидания.

Шаг 4: Проверка, SSL и запуск

Как только вы сохраните свои DNS-записи, изменение должно распространиться по всему интернету. Это может занять от нескольких минут до нескольких часов. В редких случаях это может занять до 48 часов, но для новых записей это необычно.

В это время Lovable постоянно проверяет DNS-настройки вашего домена. Как только он обнаруживает, что ваши новые A и CNAME-записи указывают на его серверы, автоматически происходит две вещи:

1. Проверка домена: Статус "Ожидает подтверждения" в вашей панели управления Lovable изменится на "Подтверждено" или покажет зелёную галочку. Lovable теперь распознаёт этот домен как действительный, указывающий на ваше приложение.
2. Предоставление SSL: Lovable немедленно запрашивает бесплатный SSL-сертификат для вашего домена у Let's Encrypt. Это обеспечивает безопасное соединение между вашими пользователями и вашим приложением (часть URL `https://`). Этот процесс полностью автоматизирован и обычно занимает менее минуты.

Как только SSL-сертификат станет активным, ваше развёртывание будет завершено. Теперь вы можете посетить свой кастомный домен в браузере, и вы должны увидеть своё приложение Lovable в рабочем состоянии и защищённым. Lovable также автоматически перенаправит трафик с URL `.lovable.dev` на ваш новый основной кастомный домен, обеспечивая плавный переход.

Часто задаваемые вопросы

Сколько времени на самом деле занимает распространение DNS?

Распространение DNS может занять от 2 минут до 48 часов, но обычно оно завершается в течение часа. Широкий диапазон обусловлен тем, как DNS-резолверы по всему миру кэшируют информацию. Когда вы обновляете запись, вам нужно дождаться истечения срока действия этих кэшей, чтобы они получили новую информацию. Если ваш домен всё ещё не работает через несколько часов, это скорее ошибка конфигурации, чем задержка распространения. Вы можете использовать такой инструмент, как `dnschecker.org`, чтобы увидеть, видны ли ваши изменения глобально.

Могу ли я использовать поддомен, например 'app.my-brilliant-app.com'?

Да, и это даже проще. Если вы хотите использовать поддомен, вам нужно добавить только одну запись. В настройках Lovable добавьте `app.my-brilliant-app.com`. Lovable предоставит вам значение CNAME. Затем в вашем DNS-регистраторе вы создадите одну CNAME-запись, где "Хост" будет `app`, а "Значение", hostname, предоставленный Lovable. В этом случае A-запись не требуется.

Что делать, если мой домен не работает через 48 часов?

Если прошло два полных дня, а ваш домен всё ещё не перенаправляет на ваше приложение Lovable, пришло время устранять неполадки. Во-первых, вернитесь к своему регистратору доменов и тщательно проверьте DNS-записи на наличие опечаток как в полях "Хост", так и в полях "Значение". Во-вторых, убедитесь, что вы не добавили конфликтующие записи, например, несколько A-записей для `@` или несколько CNAME-записей для `www`. В-третьих, используйте внешний инструмент для поиска DNS, чтобы посмотреть, что видит мир. Если всё остальное не помогает, удалите домен из настроек Lovable, удалите DNS-записи у вашего регистратора, подождите час, а затем попробуйте весь процесс снова с шага 2. Если это всё ещё не работает, пора связаться со службой поддержки Lovable со скриншотами ваших настроек DNS.

Нужно ли мне платить за SSL-сертификат?

Нет, вам не нужно покупать SSL-сертификат для доменов, размещённых в Lovable. В рамках интеграции с граничной сетью Vercel, Lovable автоматически предоставляет и продлевает бесплатные SSL-сертификаты Let's Encrypt для любого кастомного домена, который вы подключаете. Это стандартная и необходимая функция современного веб-хостинга, и она полностью управляется для вас.