A „Weboldal készítése Claude dal” 2026-ban két teljesen különböző dolgot jelenthet. Az első Claude Code megnyitása és a weboldal mesterséges intelligenciával történő saját kezű kódolása: ehhez fizetős előfizetés, saját tárhely és a sikertelen szerkesztések verziókövető rendszeren keresztüli visszavonásának lehetősége szükséges. A második egy weboldal összeállítása egy hagyományos mesterséges intelligencia által létrehozott weboldalkészítőben néhány perc alatt, majd Claude hoz, ChatGPT vagy Gemini való csatlakoztatás, és egyszerűen annak megmondása, hogy mit javítson. Az alábbiakban őszinte leszek mindkét megközelítésről: mennyibe kerül, hol buknak el a kezdők, és hogyan működik egy kész weboldal csatlakoztatása a mesterséges intelligencia által létrehozott chathez.
A „via Claude ” oldal két különböző útvonalat jelent.
Amikor az emberek rákeresnek a Google-ben a „hogyan készítsünk weboldalt Claude -ban” kifejezésre, szinte mindig két dologra gondolnak: vagy mesterséges intelligencia segítségével írnak kódot, vagy egy meglévő weboldalt kezelnek chaten keresztül. A különbség kulcsfontosságú, és a zavarodottság költséges – könnyű egy estét egy olyan eszközre pazarolni, ami nem oldja meg az igényeinket.
Az első megközelítést hangulatkódolásnak nevezik: Claude Code, valamint a Lovable, a Bolt és a v0 a szöveges parancsok alapján generálja a tényleges weboldal kódját. A második megközelítés az, amikor egy kész weboldalt kapsz, és Claude, ChatGPT vagy Gemini vezérlőpultként csatlakozik hozzá az MCP protokollon keresztül. Az alábbiakban mindkét megközelítést sorrendben bemutatjuk, a tényleges számokkal és buktatókkal.
Mi az MCP egyszerűen fogalmazva?
MCP (Model Context Protocol) egy nyílt protokoll, amely lehetővé teszi a mesterséges intelligencia alapú csevegések számára külső eszközökhöz való csatlakozást. A protokoll fejlesztői ezt egy csatlakozóhoz hasonlítják:
„ MCP olyan, mint egy USB-C port a mesterséges intelligencia alkalmazásokhoz: Ahogyan az USB-C szabványos módot biztosít az eszközök csatlakoztatására, MCP szabványos módot biztosít a mesterséges intelligencia alkalmazások külső rendszerekhez való csatlakoztatására.” (jelentés szerinti fordítás)
- modelcontextprotocol.io,„Mi a modellkontextus-protokoll?”
Az Anthropic 2024. november 25-én nyitotta meg MCP nyílt szabványként. 2025 márciusában az OpenAI bevezette a protokollt, kezdetben az Agents SDK-ban, azzal az ígérettel, hogy hamarosan támogatást nyújt a ChatGPT alkalmazásban és a Responses API-ban. A Microsoft és Google hamarosan csatlakozott. 2025 decemberére MCP több mint 10 000 aktív nyilvános szerverrel rendelkezett, és ugyanebben a hónapban az Anthropic átadta a protokollkezelést az Agentic AI Foundationnek a Linux Foundationnél, hogy biztosítsa a szabvány semlegességét. A webhely tulajdonosa számára ez azt jelenti, hogy MCP az elfogadott módja a mesterséges intelligencia által vezérelt csevegések harmadik féltől származó szolgáltatásokhoz való csatlakoztatásának, amelyet ma már minden nagyobb asszisztens támogat. 1001site működésével kapcsolatos részletekért lásd Claude, ChatGPT és Gemini csatlakoztatására vonatkozó utasításokat a tudásbázisban.
1. út: Claude Code weboldalt épít a nulláról - mennyibe kerül ez valójában?
Claude Code-nak nincs ingyenes verziója: a hozzáférés Claude Pro (havi 20 dollár) vagy Max (havi 100-200 dollár) előfizetéssel, illetve tokenfizetéssel az Anthropic Console-on keresztül kezdődik. Más hangulatkódoló szolgáltatások hasonló módon működnek:
- Szerethető - Naponta 5 ingyenes build, havi 25 dollártól fizetve.
- Bolt.new - havi 1 millió token ingyen, havi 20-25 dollár díj ellenében (a tokenek a projekt növekedésével gyorsabban fogynak).
- v0 (Vercel) - napi 7 üzenet ingyenes, fizetős verzió havi 30 dollártól felhasználónként.
A build után a kód a tiéd, és átvihető bármilyen tárhelyszolgáltatóra – ez előny. A tárhely, a domain, a HTTPS tanúsítvány és a weboldal későbbi karbantartása azonban szintén a te felelősséged. A Bolt alapértelmezés szerint a Netlify-on teszi közzé a tartalmat. A Lovable szinkronizálódik a GitHub-bal, és külön telepítést igényel a Netlify-on vagy a Vercel-en. A v0 a Vercel saját infrastruktúrájához kötődik, egészen a DNS-rekordok (műszaki domaincímek) manuális konfigurálásáig a saját weboldaladhoz. Ezen eszközök egyike sem tartalmazza a weboldal karbantartását a build után.
Milyen buktatók várhatnak egy nem műszaki beállítottságú személyre a vibe kódolásban?
Öt dolog öli meg a lelkesedést gyorsabban, mint a hangulatkódoló hirdetésekben szereplő ígéretek:
- A mesterséges intelligencia feltöri a meglévő kódot. Gyakori panasz a Vibe kódolásban kezdők körében: az első próbálkozások során a mesterséges intelligencia hibás kódot ír, és feltöri a meglévő szolgáltatásokat.
- Git nélkül nincs visszavonási pont. Ugyanez a szerző összehasonlítja a commitokat a Google Dokumentumok verzióelőzményeivel – de még ezt is el kell magyarázni egy kezdőnek az alapoktól.
- A modell „elfelejti” a kontextust. Bármely MI-modell korlátozottan képes emlékezni a párbeszédekre, így végül ugyanazt ismétli újra és újra – ezt egyértelműen bizonyítja a DEV Community elemzése.
- Más kódjának hibakeresése zsákutca. Ha nem te írtad a logikát, a hiba diagnosztizálása nehezebb: nem világos, hol kezdjük az ok keresését.
- A biztonság egy vakfolt. A mesterséges intelligencia alapértelmezés szerint nem ad hozzá nyers erő védelmet vagy kétfaktoros hitelesítést, kivéve, ha kifejezetten kéri, és az API-kulcsok gyakran közvetlenül a front-end kódban kötnek ki. A Georgia Tech Vibe Security Radar sebezhetőség-követő rendszere a mesterséges intelligencia által generált kódban felfedezett támadások számának növekedését regisztrálta a 2026 januárjában regisztrált hat új CVE-bejegyzésről a márciusi 35-re – részletek az entrepreneurloop.com oldalon.
Ezek a problémák egyike sem jelenti azt, hogy a hangulatkódolás rossz eszköz lenne: egy fejlesztő vagy egy lelkes kísérletező számára ez egy életképes módja egy prototípus gyors elkészítésének. De egy olyan vállalkozó számára, aki egyszerűen csak egy működő weboldalt szeretne egy második szakma terhe nélkül, ez jelentős belépő ár.
2. út: A weboldal már készen áll, és az AI chat csak szerkeszti
A második út rövidebb, pontosan azért, mert az oldal már fel van építve. 1001site -ban kiválasztasz egy stílust a katalógusból, és az AI-ügynök 2-7 perc alatt létrehozza a kezdőlapot és a szekciókat ebben a stílusban; a klónozási mód szinte pontosan lemásolja a referenciát, és a szöveget kifejezetten az üzleted számára írja át. Ezután az oldalt MCP keresztül összekapcsolhatod Claude, ChatGPT vagy Gemini, és olyan parancsokkal kezelheted, mint a „Sorold ki ezt a 20 terméket a táblázatból”, „Tedd a kezdőlapot olyanná, mint amilyen ezen az oldalon van”, „Emeld az árakat 10%-kal”.
A szolgáltatás kezeli a tárhely-, domain- és motorfrissítéseket – nem kell hozzáférned a tárhelyhez vagy a telepítési konzolhoz. A weboldal technikailag az irányítópultodon található, a nyilvános cím pedig egy aldomain vagy egyéni domain, ingyenes SSL-tanúsítvánnyal. A stílust a 1001site.com oldalon található „Weboldal létrehozása” felugró ablakban lehet kiválasztani, MCP kapcsolatot pedig a weboldal elkészülte után lehet hozzáadni.
Weboldal Claude, ChatGPT vagy Gemini szolgáltatásokhoz való csatlakoztatása: 3 lépés
A csatlakozás asszisztensenként egyszer történik, és három lépésből áll.
- Kattints a „Csatlakozás” gombra. Lépj a Beállítások → „MI és MCP ” → „ Claude csatlakoztatása” (vagy ChatGPT, Gemini) menüpontra. A rendszer generál egy kulcsot, amely teljes hozzáférést biztosít ehhez az oldalhoz, és a csatlakozási linket a vágólapra másolja.
- Illeszd be a linket az asszisztensbe. Claude (claude.ai) esetén - Beállítások → Összekötők → "Egyéni összekötő hozzáadása"; Claude Code esetén - a csatlakozási ablakból származó parancs; ChatGPT esetén - Fejlesztői mód → MCP alkalmazások → szerver hozzáadása; Gemini esetén - Beállítások → Csatlakoztatott alkalmazások → Egyéni alkalmazás hozzáadása ( Gemini CLI esetén - külön parancs).
- Ellenőrizd. Küldj az asszisztensnek egy üzenetet, például: „Csatlakoztál az oldalamhoz. Mutasd meg, mit tudsz csinálni.” Megnyitja az eszközt, és válaszul felkínálja a lehetőségek listáját.
A kapcsolatba előre elkészített parancsok katalógusa van beépítve, így nem kell a nulláról kitalálni a parancsokat.
Mit bízhatsz egy asszisztensre – és mit nem?
A csatlakoztatott asszisztens ugyanazokat az eszközöket kapja, mint az irodai beépített mesterséges intelligencia asszisztens:
- Kategóriák és termékek - létrehozás, szerkesztés, importálás, fotó linken keresztül;
- megrendelések és azok státuszai;
- minden webhelybeállítás és kezelőfelületi szöveg;
- design - színek, betűtípusok, fejléc, egyedi CSS, stílus referencia vagy képernyőkép alapján;
- a főoldal és a blokkokból álló oldalak szerkezete;
- bejegyzések és statisztikák.
Az asszisztensnek nincs hozzáférése a tarifacsomaghoz, a weboldal címéhez és domainjéhez, a fizetési és botkulcsokhoz, illetve az adattörléshez – ez enyhíti a „mi van, ha valamit visszafordíthatatlanul elrontanak?” fő félelmet. A kulcs létrehozáskor egyszer jelenik meg, és korlátozott jogokkal adható ki (csak olvasás, vagy olvasási és írási hozzáférés bizonyos csoportokhoz, például a katalógushoz vagy a megrendelésekhez). A kapcsolatlistában egyetlen kattintással visszavonható, ezt követően az asszisztens azonnal elveszíti a hozzáférést.
Hogy néz ki a gyakorlatban: egy 300 termékből álló katalógus pár perc alatt
300 termékkártya, melyek manuális kitöltése általában napokig tartana, mindössze néhány percnyi beszélgetést igényelt Claude dal a szerző kapcsolódó szolgáltatásán keresztül, amely ugyanazt az MCP elvet használja, mint 1001site. Egy műemlékeket árusító kereskedőhálózat egyik projektjében Claude elemzett egy sor forrás 3D-s modellt, manuálisan "felszeletelte" azokat 300 egyedi termékre, és kategorizálta őket a szerző néhány szöveges parancsával. A szerző a következőképpen írja le az eredményt:
„ MCP technológia gyökeresen megváltoztatja az üzletvezetést. Ahelyett, hogy egész nap manuálisan kellene kártyákat töltened, egy chatbottal kommunikálsz, fotókat küldesz, és a rendszer automatikusan kitölti az üzletet.”
- A „300 termék katalógusa pár perc alatt” című esettanulmányból, 1001site blog
A Claude való MCP keresztüli kapcsolatfelvétel és együttműködés logikája 1001site -ben ugyanaz - csak a katalógus és a termékek már a tiéd.
Szükségem van fizetős fiókra, és mennyibe kerül az egész folyamat?
Igen, valószínűleg. MCP kapcsolat elérhető az oldal fizetős csomagjaiban ("All Inclusive" - havi 45 euró, az első hónap promóciós kóddal - 25 euró; nincs próbaidőszak). Claude, ChatGPT vagy Gemini fiókok különállóak és a tiéd: a feltételeit, az üzenetkorlátokat és a költségeket maga a szolgáltató határozza meg, nem 1001site. Hasonlítsd ezt össze a fenti szakaszban szereplő Vibe kódolás belépési árával: ott a költség 20 dollártól kezdődik csak egy Claude Code előfizetésért, a tárhelydíj nélkül. MCP nem ingyenes, de csak egy asszisztensi fiók költségét adja hozzá a már fizetős weboldalhoz - nincs külön számla a tárhelyért és a domainért.
Melyik utat kellene választanod?
Ha maga a programozási folyamat érdekel, teljesen egyedi termékre van szükséged, vagy kényelmesen ismered a gitet és a telepítést, akkor Claude Code, a Lovable vagy a Bolt segítségével történő vibe kódolás megéri, és ez egy életképes eszköz a feladathoz. Ha működő weboldalra van szükséged a vállalkozásodhoz második karrier nélkül, okosabb, ha egy kész AI builderrel készíted el, majd MCP keresztül összekapcsolod Claude, ChatGPT vagy Gemini, ha szóban szeretnéd kezelni. A második megközelítés azzal kezdődik, hogy kiválasztasz egy stílust a 1001site katalógusából: egy weboldal 2-7 perc alatt elkészül, és MCP kapcsolat bármikor hozzáadható a meglévő eredményhez.
Források
- Antropikus. A Modell Kontextus Protokoll bemutatása, 2024.11.25.
- Modell Kontextus Protokoll - hivatalos dokumentáció
- MCP csatlakozik az Agentic AI Foundationhöz, MCP blog, 2025.12.09.
- DivyanshuLohani. A Vibe Coder: Nem műszaki fejlesztők és a mesterséges intelligencia délibábja, fejlesztői közösség
- 10 kritikus biztonsági rés, amire minden Vibe Coding alapítónak figyelnie kell, entrepreneurloop.com
- Claude, ChatGPT és Gemini ( MCP) összekapcsolása - 1001site Tudásbázis
- 300 termékből álló katalógus néhány perc alatt: Hogyan töltenek meg MCP és Claude egy online áruházat
