Як опублікувати сайт, створений з ШІ, і підключити свій домен
Сайт уже працює на вашому комп’ютері чи в конструкторі. Тепер він має відкриватися за вашою адресою, у будь-кого і будь-коли, — і при цьому ви хочете й далі його змінювати. Ця частина менш захоплива, ніж створення, але саме тут дрібні помилки обходяться найдорожче: домен на чужому імені, пошта, що раптом перестала працювати, ключ доступу у відкритому коді. Покроково — як зробити це правильно.
З чого складається «опублікувати сайт»
- Код у репозиторії, наприклад на GitHub, у вашому акаунті.
- Хостинг — сервіс, який показує сайт відвідувачам.
- Домен, зареєстрований на вас або ваш ФОП чи компанію.
- DNS-записи, які пов’язують домен із хостингом, і HTTPS-сертифікат.
Де розмістити
| Для чого | Що знати | |
|---|---|---|
| Хостинг самого конструктора (Lovable, Bolt, Replit тощо) | Швидко показати прототип | Зручно, але сайт прив’язаний до платформи і її тарифу. |
| Хостинг статичних сайтів (Cloudflare Pages, Netlify, Vercel, GitHub Pages) | Сайти: сторінки, блог, форма заявки | Для невеликого сайту часто безкоштовно або недорого, швидко, публікація просто з репозиторію. |
| Платформи для застосунків (Vercel, Render, Railway тощо, з базою на кшталт Supabase) | Вебзастосунки з кабінетами й даними | Вартість росте з навантаженням; стежте за базою та її резервними копіями. |
| Український хостинг | Коли потрібні рахунки в гривнях для обліку ФОП чи компанії | Перевірте, чи підтримує він ваш тип сайту і автоматичну публікацію з GitHub. |
Станом на жовтень 2026 року. Умови й безкоштовні тарифи змінюються — перевіряйте актуальні.
Покроково
Код — у ваш GitHub
Більшість AI-конструкторів уміють вивантажувати проєкт у GitHub; AI-асистент для коду працює в репозиторії з самого початку. Акаунт має бути ваш, а не помічника.
Підключіть хостинг до репозиторію
Тоді кожна зміна публікується автоматично, і до будь-якої попередньої версії можна повернутися.
Ключі — не в коді
API-ключі й паролі до бази зберігайте в змінних середовища на хостингу, а не у файлах, які потрапляють у браузер чи на GitHub.
Домен — на себе
Для українських клієнтів добре працюють .ua і .com.ua, для міжнародних — .com. Умови реєстрації різних зон відрізняються, тож уточніть їх у реєстратора. Увімкніть автопродовження.
Додайте домен на хостингу і налаштуйте DNS
Хостинг підкаже, які записи додати в реєстратора. Змінюйте лише їх. Записи пошти (MX) не чіпайте, інакше пошта на домені перестане працювати.
Перевірте HTTPS і www
Після оновлення DNS сертифікат зазвичай з’являється сам. Переконайтеся, що відкриваються і домен без www, і з www, і що один переадресовує на інший.
Повідомте Google
Додайте сайт у Google Search Console, надішліть карту сайту і попросіть проіндексувати головні сторінки.
Як публікувати зміни і нічого не зламати
- Користуйтеся попереднім переглядом: більшість хостингів дає кожній зміні тестову адресу ще до публікації.
- Одна зміна за раз: перевірили в перегляді — опублікували.
- Знайте заздалегідь, як одним кліком повернути попередню версію.
Помилки, які коштують найдорожче
- Домен зареєстрував знайомий чи фрилансер — на себе.
- DNS-записи замінили повністю, разом із записами пошти.
- API-ключ у коді сайту, який видно будь-кому в інструментах браузера.
- Новий сайт запустили замість старого без переадресацій зі старих адрес.
- Єдина копія коду лежить в акаунті конструктора.
Коли варто звернутися по допомогу
Якщо хочете й далі самі розвивати й публікувати сайт, але поруч із людиною, яка робила це багато разів, — саме цьому присвячене наше індивідуальне навчання: ваш проєкт, ваші акаунти, Claude Code і безпечний спосіб публікувати зміни.
Часті запитання
Можна просто натиснути «Publish» у конструкторі?
Для прототипу — так. Для сайту бізнесу краще, щоб код був у вашому GitHub, а домен — на вас: тоді сайт можна перенести будь-коли.
Скільки чекати, поки домен запрацює?
Часто кілька хвилин, інколи кілька годин, поки оновлюються DNS. HTTPS зазвичай підтягується сам.
Підключення домену не зламає пошту?
Ні, якщо додати лише ті записи, які просить хостинг, і не чіпати записи MX.
Чи підійде безкоштовний хостинг для бізнесу?
Для багатьох невеликих сайтів — так: безкоштовні тарифи великих хостингів швидкі й надійні. Прочитайте їхні обмеження і перейдіть на платний, коли сайт цього потребуватиме.
Як оплачувати зарубіжний хостинг?
Здебільшого карткою в доларах. Якщо для обліку потрібні документи, збережіть інвойси з кабінету сервісу або оберіть український хостинг із рахунками в гривнях.