„Budowa strony internetowej z Claude ” w 2026 roku może oznaczać dwie zupełnie różne rzeczy. Pierwsza to otwarcie Claude Code i samodzielne zakodowanie strony internetowej z wykorzystaniem sztucznej inteligencji: wymaga to płatnej subskrypcji, własnego hostingu i możliwości cofania nieudanych zmian za pomocą systemu kontroli wersji. Druga to stworzenie strony internetowej w standardowym kreatorze AI w ciągu kilku minut, a następnie połączenie jej z Claude, ChatGPT lub Gemini i po prostu wskazanie, co ma poprawić. Poniżej szczerze opowiem o obu podejściach: ile to kosztuje, gdzie początkujący napotykają problemy i jak działa połączenie gotowej strony internetowej z czatem AI.
Strona „przez Claude ” to dwie różne ścieżki
Kiedy ludzie wpisują w Google frazę „jak stworzyć stronę internetową w Claude ”, prawie zawsze mają na myśli jedną z dwóch rzeczy: albo pisanie kodu z wykorzystaniem sztucznej inteligencji, albo zarządzanie istniejącą stroną internetową z poziomu czatu. Różnica jest zasadnicza, a zamieszanie kosztowne – łatwo zmarnować wieczór na narzędzie, które nie spełnia naszych potrzeb.
Pierwsze podejście nazywa się kodowaniem vibe: Claude Code, a także Lovable, Bolt i v0 generują rzeczywisty kod strony internetowej na podstawie poleceń tekstowych. Drugie podejście polega na otrzymaniu gotowej strony internetowej, a Claude, ChatGPT lub Gemini łączą się z nią jako panel sterowania za pomocą protokołu MCP. Poniżej przedstawiono oba podejścia, w kolejności, wraz z rzeczywistymi wynikami i pułapkami.
Czym jest MCP w skrócie?
MCP (Model Context Protocol) to otwarty protokół, który umożliwia czatom AI łączenie się z narzędziami zewnętrznymi. Twórcy protokołu tłumaczą to, porównując go do konektora:
„ MCP jest jak port USB-C dla aplikacji AI: tak jak USB-C zapewnia standardowy sposób podłączania urządzeń, MCP zapewnia standardowy sposób łączenia aplikacji AI z systemami zewnętrznymi.” (tłumaczenie według znaczenia)
- modelcontextprotocol.io,„Czym jest protokół kontekstu modelu”
Anthropic otworzył MCP jako otwarty standard 25 listopada 2024 roku. W marcu 2025 roku OpenAI zaadaptował protokół, początkowo w pakiecie Agents SDK, obiecując wkrótce obsługę w aplikacji ChatGPT i API Responses. Wkrótce dołączyły do niego firmy Microsoft i Google. Do grudnia 2025 roku MCP miał ponad 10 000 aktywnych serwerów publicznych, a w tym samym miesiącu Anthropic przekazał zarządzanie protokołem fundacji Agentic AI Foundation w ramach Linux Foundation, aby zapewnić neutralność standardu. Dla właściciela witryny oznacza to, że MCP jest akceptowanym sposobem łączenia czatów AI z usługami stron trzecich, obsługiwanym obecnie przez wszystkich głównych dostawców. Aby uzyskać szczegółowe informacje na temat działania tego protokołu w 1001site, zapoznaj się z instrukcjami łączenia Claude, ChatGPT i Gemini w bazie wiedzy.
Ścieżka 1: Claude Code tworzy stronę internetową od podstaw — ile to naprawdę kosztuje?
Claude Code nie ma wersji darmowej: dostęp zaczyna się od subskrypcji Claude Pro (20 USD miesięcznie) lub Max (100–200 USD miesięcznie) albo od płatności tokenami za pośrednictwem Anthropic Console. Inne usługi kodowania wibracji działają w podobny sposób:
- Urocze - 5 darmowych kompilacji dziennie, płatne od 25 USD miesięcznie.
- Bolt.new – 1 milion tokenów miesięcznie za darmo, 20–25 USD miesięcznie za opłatą (tokeny zużywają się szybciej w miarę rozwoju projektu).
- v0 (Vercel) – 7 darmowych wiadomości dziennie, płatne od 30 USD miesięcznie za użytkownika.
Po kompilacji kod jest Twój i możesz go przenieść na dowolny hosting – to dodatkowy atut. Jednak hosting, domena, certyfikat HTTPS i późniejsza konserwacja witryny również leżą w Twojej gestii. Bolt domyślnie publikuje w serwisie Netlify. Lovable synchronizuje się z GitHubem i wymaga osobnego wdrożenia w Netlify lub Vercel. Wersja v0 jest powiązana z infrastrukturą Vercel, aż do ręcznej konfiguracji rekordów DNS (technicznych adresów domen) dla Twojej witryny. Żadne z tych narzędzi nie obejmuje konserwacji witryny po kompilacji.
Jakie pułapki czyhają na osoby nietechniczne w kodowaniu wibracji?
Pięć rzeczy, które zabijają entuzjazm szybciej niż obietnice w reklamach promujących wibracje:
- Sztuczna inteligencja psuje już działający kod. Częsta skarga początkujących programistów w Vibe: podczas pierwszych prób sztuczna inteligencja pisze niedziałający kod i psuje już działające usługi.
- Bez Gita nie ma punktu wycofania. Ten sam autor porównuje commity do historii wersji w Dokumentach Google – ale nawet to trzeba wytłumaczyć nowicjuszowi od podstaw.
- Model „zapomina” o kontekście. Każdy model sztucznej inteligencji ma ograniczoną pamięć dialogową, więc w końcu powtarza to samo w kółko – wyraźnie pokazuje to analiza przeprowadzona w DEV Community.
- Debugowanie cudzego kodu to ślepa uliczka. Jeśli nie napisałeś logiki, zdiagnozowanie błędu jest trudniejsze: nie wiadomo, gdzie zacząć szukać przyczyny.
- Bezpieczeństwo to martwy punkt. Sztuczna inteligencja nie dodaje domyślnie ochrony przed atakami siłowymi ani uwierzytelniania dwuskładnikowego, chyba że zostanie to wyraźnie zażądane, a klucze API często trafiają bezpośrednio do kodu front-end. System śledzenia luk w zabezpieczeniach Vibe Security Radar uczelni Georgia Tech odnotował wzrost liczby odkryć w kodzie generowanym przez sztuczną inteligencję z sześciu nowych wpisów CVE w styczniu 2026 r. do 35 w marcu — szczegóły na stronie entrepreneurloop.com.
Żaden z tych problemów nie oznacza, że kodowanie wibracji jest złym narzędziem: dla programisty lub zapalonego eksperymentatora to skuteczny sposób na szybkie stworzenie prototypu. Jednak dla właściciela firmy, który po prostu chce mieć działającą stronę internetową bez obciążenia związanego z drugim zawodem, jest to znacząca cena początkowa.
Ścieżka 2: Strona internetowa jest już gotowa, a czat AI ją właśnie edytuje
Druga ścieżka jest krótsza właśnie dlatego, że strona jest już gotowa. W 1001site wybierasz styl z katalogu, a agent AI tworzy stronę główną i sekcje w tym stylu w ciągu 2-7 minut; tryb klonowania replikuje referencje niemal dokładnie, a tekst jest przepisywany specjalnie dla Twojej firmy. Następnie możesz połączyć stronę z Claude, ChatGPT lub Gemini za pośrednictwem MCP i zarządzać nią za pomocą poleceń takich jak: „Wymień te 20 produktów z tabeli”, „Utwórz stronę główną podobną do tej na tej stronie”, „Podnieś ceny o 10%”.
Usługa obsługuje hosting, domenę i aktualizacje silnika – nie musisz uzyskiwać dostępu do repozytorium ani konsoli wdrożeniowej. Strona internetowa technicznie znajduje się w Twoim panelu, a adres publiczny to subdomena lub domena niestandardowa z bezpłatnym certyfikatem SSL. Styl wybiera się w wyskakującym okienku „Utwórz stronę internetową” w witrynie 1001site.com, a połączenie MCP jest dodawane po utworzeniu strony.
Jak połączyć witrynę z Claude, ChatGPT lub Gemini: 3 kroki
Połączenie jest nawiązywane przez asystenta jeden raz i składa się z trzech kroków.
- Kliknij „Połącz”. Przejdź do Ustawienia → „AI i MCP ” → „Połącz Claude ” (lub ChatGPT, Gemini). Zostanie wygenerowany klucz z pełnym dostępem do tej witryny, a link do połączenia zostanie skopiowany do schowka.
- Wklej link do asystenta. W przypadku Claude (claude.ai) – Ustawienia → Konektory → „Dodaj niestandardowy konektor”; w przypadku Claude Code – polecenie z okna połączenia; w przypadku ChatGPT – Tryb programisty → Aplikacje MCP → Dodaj serwer; w przypadku Gemini – Ustawienia → Połączone aplikacje → Dodaj niestandardową aplikację (w przypadku Gemini CLI – osobne polecenie).
- Sprawdź. Wyślij asystentowi wiadomość, na przykład: „Jesteś połączony z moją witryną. Pokaż mi, co potrafisz”. Asystent uruchomi narzędzie i wyświetli listę opcji.
Katalog gotowych poleceń jest wbudowany w połączenie, dzięki czemu nie musisz tworzyć monitów od podstaw.
Co możesz powierzyć asystentowi, a czego nie?
Podłączony asystent otrzymuje te same narzędzia, co wbudowany asystent AI w biurze:
- Kategorie i produkty - tworzenie, edycja, import, zdjęcie za pomocą linku;
- zamówienia i ich statusy;
- wszystkie ustawienia witryny i teksty interfejsu;
- projekt - kolory, czcionki, nagłówek, niestandardowy CSS, styl oparty na odniesieniu lub zrzucie ekranu;
- struktura strony głównej i stron z bloków;
- posty i statystyki.
Asystent nie ma dostępu do planu taryfowego, adresu strony internetowej i domeny, kluczy płatności i botów ani do usuwania danych – łagodzi to podstawowy strach przed „co, jeśli coś nieodwracalnie zepsują?”. Klucz jest wyświetlany jednorazowo po utworzeniu i może zostać wydany z ograniczonymi uprawnieniami (tylko do odczytu lub z dostępem do odczytu i zapisu dla określonych grup, takich jak katalog czy zamówienia). Można go cofnąć jednym kliknięciem na liście połączeń, po czym asystent natychmiast traci dostęp.
Jak to wygląda w praktyce: katalog 300 produktów w kilka minut
300 kart produktów, których ręczne wypełnienie normalnie zajęłoby kilka dni, zajęło zaledwie kilka minut rozmowy z Claude w serwisie autora, który wykorzystuje tę samą zasadę MCP co 1001site. W jednym z projektów dla sieci dealerskiej sprzedającej zabytki, Claude przeanalizował zbiór źródłowych modeli 3D, ręcznie „pokroił” je na 300 pojedynczych produktów i skategoryzował za pomocą kilku poleceń tekstowych autora. Autor opisuje wynik następująco:
Technologia MCP radykalnie zmienia zarządzanie sklepem. Zamiast ręcznie wypełniać karty przez cały dzień, komunikujesz się z chatbotem, wysyłasz zdjęcia, a system automatycznie uzupełnia zapasy w sklepie.
- Ze studium przypadku „Katalog 300 produktów w kilka minut”, blog 1001site
Logika łączenia się i pracy z Claude za pośrednictwem MCP w 1001site jest taka sama - tylko katalog i produkty są już Twoją własnością.
Czy potrzebuję płatnego konta i ile kosztuje cały proces?
Tak, najprawdopodobniej. Połączenie MCP jest dostępne w ramach płatnych planów witryny („All Inclusive” – 45 EUR miesięcznie, pierwszy miesiąc z kodem promocyjnym – 25 EUR; brak okresu próbnego). Konto w Claude, ChatGPT lub Gemini jest osobne i należy do Ciebie: jego warunki, limity wiadomości i koszty ustala sam dostawca, a nie 1001site. Porównaj to z ceną początkową za kodowanie wibracji z powyższej sekcji: tam koszt zaczyna się od 20 USD za samą subskrypcję Claude Code, bez hostingu. MCP nie jest darmowy, ale dodaje jedynie koszt konta asystenta do już opłaconej witryny – nie ma oddzielnej opłaty za hosting i domenę.
Którą ścieżkę powinieneś wybrać?
Jeśli interesuje Cię sam proces programowania, potrzebujesz całkowicie spersonalizowanego produktu lub dobrze czujesz się w Gicie i wdrażaniu, warto spróbować kodowania Vibe z Claude Code, Lovable lub Bolt, które jest skutecznym narzędziem do tego zadania. Jeśli potrzebujesz działającej strony internetowej dla swojej firmy bez dodatkowej pracy, lepiej jest zbudować ją za pomocą gotowego kreatora AI, a następnie połączyć z Claude, ChatGPT lub Gemini przez MCP, jeśli chcesz zarządzać nią werbalnie. Drugie podejście zaczyna się od wyboru stylu z katalogu 1001site: strona jest gotowa w ciągu 2-7 minut, a połączenie MCP można w dowolnym momencie dodać do istniejącego rezultatu.
Źródła
- Antropiczny. Przedstawiamy protokół kontekstu modelu, 25.11.2024
- Protokół kontekstu modelu – oficjalna dokumentacja
- MCP dołącza do Agentic AI Foundation, blog MCP, 12.09.2025
- DivyanshuLohani. The Vibe Coder: Programiści nietechniczni i miraż sztucznej inteligencji, społeczność programistów
- 10 krytycznych luk w zabezpieczeniach, na które powinien uważać każdy założyciel Vibe Coding, entrepreneurloop.com
- Łączenie Claude, ChatGPT i Gemini ( MCP) - baza wiedzy 1001site
- Katalog 300 produktów w kilka minut: jak MCP i Claude wypełniają sklep internetowy
