"Зробити сайт через Claude " у 2026 році може означати дві зовсім різні речі. Перша - відкрити Claude Code і написати код сайту самому разом з ІІ: потрібна платна підписка, свій хостинг та вміння відкочувати невдалі редагування через систему версій. Друга - зібрати сайт у звичайному ІІ-конструкторі за кілька хвилин, а потім підключити його до Claude, ChatGPT або Gemini і просто говорити, що виправити. Далі – чесно про обидва шляхи: скільки це коштує, де новачки спотикаються та як влаштовано підключення готового сайту до ІІ-чату.
Сайт «через Claude» - це два різні шляхи
Коли людина глумить «як зробити сайт у Claude», вона майже завжди має на увазі одне з двох: або написати код за допомогою ІІ, або керувати вже готовим сайтом з чату. Різниця принципова, а плутанина дорого обходиться – легко витратити вечір на інструмент, який вирішує зовсім не ваше завдання.
Перший шлях називають вайб-кодінгом: Claude Code, а також Lovable, Bolt та v0 генерують справжній код сайту за вашими текстовими командами. Другий шлях - ви отримуєте сайт відразу в готовому вигляді, а Claude, ChatGPT або Gemini підключаються до нього як пульт керування через протокол MCP. Нижче – обидва шляхи по порядку, з реальними цифрами та граблями.
Що таке MCP простими словами?
MCP (Model Context Protocol) - відкритий протокол, яким ІІ-чати підключають зовнішні інструменти. Розробники протоколу пояснюють це порівнянням з роз'ємом:
« MCP - як порт USB-C для ІІ-програм: так само як USB-C дає стандартний спосіб підключати пристрої, MCP дає стандартний спосіб підключати ІІ-додатки до зовнішніх систем» (переклад за змістом)
- Modelcontextprotocol.io,"What is the Model Context Protocol"
Anthropic відкрила MCP як відкритий стандарт 25 листопада 2024 року. У березні 2025-го протокол підтримала OpenAI - спочатку в Agents SDK, з обіцянкою швидко додати підтримку в додатку ChatGPT і Responses API; потім підключилися Microsoft і Google. До грудня 2025-го у MCP було більше 10 000 активних публічних серверів, і того ж місяця Anthropic передала управління протоколом фонду Agentic AI Foundation при Linux Foundation, щоб стандарт залишався нейтральним. Для власника сайту це означає, що MCP – загальноприйнятий спосіб підключати ІІ-чати до чужих сервісів, який сьогодні підтримують усі великі помічники відразу. Як це влаштовано у 1001site - в інструкції підключення Claude, ChatGPT та Gemini з бази знань.
Шлях 1: Claude Code пише сайт з нуля - скільки це коштує насправді
Безкоштовної версії Claude Code немає: вхід починається з передплати Claude Pro (20 $ на місяць) або Max (100-200 $ на місяць), або оплати по токенах через Anthropic Console. В інших сервісів вайб-кодингу схожа картина:
- Lovable - безкоштовно 5 збірок на день, платно від 25$ на місяць.
- Bolt.new - безкоштовно 1 млн токенів на місяць, платно від 20-25 $ на місяць (токени витрачаються швидше із зростанням проекту).
- v0 (Vercel) - безкоштовно 7 повідомлень на день, платно від 30$ на місяць на користувача.
Код після збирання належить вам і переноситься на будь-який хостинг – це плюс. Але хостинг, домен, HTTPS-сертифікат та подальше обслуговування сайту теж стають вашим завданням. Bolt за промовчанням публікує на Netlify. Lovable синхронізується з GitHub і вимагає окремого деплою Netlify або Vercel. v0 зав'язаний на інфраструктуру самого Vercel аж до ручного настроювання DNS-записів (технічних адрес домену) під власний сайт. Жоден із цих інструментів не бере сайт на супровід після складання.
Які граблі чекають на нетехнічну людину у вайб-кодингу?
П'ять речей практично ламають ентузіазм швидше, ніж обіцянки реклами вайб-кодинга:
- ІІ ламає вже працюючий код. Часта скарга новачків у вайб-кодингу: при перших спробах ІІ пише непрацюючий код і ламає сервіси, що вже працюють.
- Без git немає точки відкату. Той самий автор порівнює комміти з історією версій у Google Docs - але новачкові і це доводиться пояснювати з нуля.
- Модель «забуває» контекст. У будь-якої ІІ-моделі обмежена пам'ять діалогу, тому доводиться по колу переказувати те саме - на це прямо вказує розбір на DEV Community.
- Налагодження чужого коду - гра наосліп. Якщо логіку не ви писали, діагностувати баг складніше: незрозуміло, з чого взагалі починати пошук причини.
- Безпека – сліпа зона. ІІ за замовчуванням не додає захисту від перебору паролів і двофакторної автентифікації, якщо про це прямо не попросити, а ключі API нерідко виявляються прямо у фронтенд-коді. Трекер уразливостей Georgia Tech Vibe Security Radar зафіксував зростання знахідок в ІІ-генерованому коді з 6 нових записів CVE у січні 2026 року до 35 у березні - подробиці entrepreneurloop.com.
Жодна з цих проблем не означає, що вайб-кодинг – поганий інструмент: для розробника чи захопленого експериментатора це робочий спосіб швидко зібрати прототип. Але для власника бізнесу, який просто хоче працюючий сайт без другої професії навантаження, це відчутна ціна входу.
Шлях 2: сайт вже готовий, а ІІ-чат лише його редагує
Другий шлях коротший саме тому, що сайт уже зібраний. У 1001site ви вибираєте стиль з каталогу, а ІІ-агент збирає головну сторінку та розділи у цьому стилі за 2-7 хвилин; клон-режим повторює референс майже один на один, а тексти пише знову під ваш бізнес. Далі сайт можна підключити до Claude, ChatGPT або Gemini через MCP - і керувати ним словами: "виклади ці 20 товарів з таблиці", "зроби головну як на цьому сайті", "підніми ціни на 10%".
Хостингом, доменом та оновленнями движка займається сервіс – вам не потрібно бачити ні репозиторій, ні консоль деплою. Сайт технічно живе в кабінеті, публічна адреса – піддомен або власний домен із безкоштовним SSL-сертифікатом. Стиль вибирається в попапі «Створити сайт» на 1001site.com, а MCP -підключення додається вже після того, як сайт готовий.
Як підключити сайт до Claude, ChatGPT або Gemini: 3 кроки
Підключення робиться один раз на кожного помічника і займає три кроки.
- Натиснути "Підключити". Налаштування → «ІІ та MCP» → кнопка «Підключити Claude» (або ChatGPT, Gemini). Створюється ключ із повним доступом до цього сайту, посилання підключення копіюється в буфер обміну.
- Вставити посилання асистента. Для Claude (claude.ai) - Налаштування → Connectors → «Add custom connector»; для Claude Code – команда з вікна підключення; для ChatGPT - Developer mode → MCP apps → додати сервер; для Gemini - Settings → Connected Apps → Add a custom app (для Gemini CLI – окрема команда).
- Перевірити. Написати асистенту повідомлення на кшталт «Ти підключено до мого сайту. Покажи, що вмієш міняти» - він викличе інструмент та відповість списком можливостей.
Каталог готових команд вбудований прямо на підключення, так що вигадувати промпти з нуля не потрібно.
Що можна доручити асистенту – і чого не можна?
Підключений асистент отримує ті ж інструменти, що і вбудований ІІ-помічник кабінету:
- рубрики та товари - створення, виправлення, імпорт, фото за посиланням;
- замовлення та їх статуси;
- всі налаштування сайту та тексти інтерфейсу;
- дизайн - кольори, шрифти, шапка, свій CSS, стиль референсу або скріншоту;
- структуру головної та сторінок з блоків;
- пости та статистику.
Недоступні помічнику тариф, адреса та домен сайту, платіжні та бот-ключі, видалення даних - це знімає головний страх «а раптом він щось зламає незворотно». Ключ показується один раз при створенні, його можна видати з обмеженими правами (тільки читання або читання і запис по окремих групах на кшталт каталогу або замовлень), а відкликати - в один клік у списку підключень, після чого асистент відразу втрачає доступ.
Як це виглядає на практиці: каталог на 300 товарів за кілька хвилин
300 карток товарів, які зазвичай заповнюють вручну кілька днів, тут зайняли пару хвилин розмови з Claude – на суміжному сервісі автора, де працює той самий MCP -принцип, що й у 1001site. В одному з проектів дилерської мережі з продажу пам'ятників Claude проаналізував масив вихідних 3D-моделей, сам «нарізав» їх на 300 окремих товарів та розподілив за категоріями – парою текстових команд від автора. Підсумок автор описує так:
«Технологія MCP кардинально змінює керування магазином. Замість ручного заповнення карток днями безперервно ви спілкуєтеся з чат-ботом, скидаєте фото, а система сама наповнює магазин»
- з кейсу «Каталог на 300 товарів за пару хвилин», блог 1001site
Логіка підключення та роботи з Claude через MCP в 1001site та сама - тільки каталог і товари вже ваші.
Чи потрібний платний обліковий запис і скільки коштує весь шлях?
Так, швидше за все. MCP -підключення доступне на платних тарифах сайту («Все включено» - 45 € на місяць, перший місяць за промокодом - 25 €; пробного періоду немає). Акаунт в Claude, ChatGPT або Gemini - окремий і ваш власний: його умови, ліміти повідомлень та вартість задає сам провайдер, не 1001site. Порівняйте це з ціною входу у вайб-кодинг з розділу вище: там рахунок починається від 20 $ за лише підписку на Claude Code, без урахування хостингу. MCP -шлях не безкоштовний, але додає тільки вартість облікового запису асистента поверх вже оплаченого сайту - окремого рахунку за хостинг і домен немає.
Який шлях вам обрати?
Якщо вам цікавий сам процес програмування, потрібен повністю нестандартний продукт або ви готові розбиратися з git і деплоєм – вайб-кодинг через Claude Code, Lovable або Bolt виправданий, і це робочий інструмент для такого завдання. Якщо потрібен робочий сайт для бізнесу без другої професії на додаток - розумніше зібрати його в готовому ІІ-конструкторі і потім підключити до Claude, ChatGPT або Gemini через MCP, коли захочеться вести його словами. Другий шлях починається з вибору стилю в каталозі 1001site: сайт готовий за 2-7 хвилин, а MCP -підключення додається поверх вже готового результату в будь-який момент.
Джерела
- Anthropic. Introducing the Model Context Protocol, 25.11.2024
- Model Context Protocol – офіційна документація
- MCP joins the Agentic AI Foundation, блог MCP, 09.12.2025
- DivyanshuLohani. The Vibe Coder: Нетехнологічні Developers і Mirage of AI, DEV Community
- 10 Critical Security Vulnerabilities Every Vibe Coding Founder Потрібно, щоб Watch Out For, entrepreneurloop.com
- Підключення Claude, ChatGPT та Gemini ( MCP) - база знань 1001site
- Каталог на 300 товарів за пару хвилин: як MCP та Claude наповнюють інтернет-магазин
