Kako stvoriti web stranicu s Claude bez koda: Kako to zapravo funkcionira

30. rujna 2026. · 11 min čitanja · Valerij Danjuk

izradite web stranicu koristeći ClaudeMCPUredski asistent s umjetnom inteligencijomClaude1001site AI

Naslovnica članka: Web stranica izrađena s Claude bez koda – upravljanje riječima umjesto programiranja

Što ćete dobiti

Razumijete li razliku između "vibe kodiranja" i MCP veze?
znati stvarnu cijenu oba puta
Svoju web stranicu možete povezati s Claude, ChatGPT ili Gemini u 3 koraka.

Primijeni: za 15 minutaSprema: Ne trošite novac na pretplate i hosting koji vam ne trebaju.

"Izrada web stranice s Claude " u 2026. godini mogla bi značiti dvije potpuno različite stvari. Prva je otvaranje Claude Codea i samostalno kodiranje web stranice pomoću umjetne inteligencije: to zahtijeva plaćenu pretplatu, vlastiti hosting i mogućnost vraćanja neuspješnih izmjena putem sustava za kontrolu verzija. Druga je sastavljanje web stranice u običnom AI graditelju u nekoliko minuta, zatim povezivanje s Claude, ChatGPT ili Gemini i jednostavno mu reći što da popravi. U nastavku ću biti iskren o oba pristupa: koliko košta, gdje početnici griješe i kako funkcionira povezivanje gotove web stranice s AI chatom.

Mjesto "via Claude " su dvije različite staze

Kada ljudi na Googleu traže "kako napraviti web stranicu u Claude ", gotovo uvijek misle na jednu od dvije stvari: ili pisanje koda pomoću umjetne inteligencije ili upravljanje postojećom web stranicom iz chata. Razlika je ključna, a zbunjenost je skupa - lako je izgubiti večer na alatu koji ne rješava vaše potrebe.

Prvi pristup naziva se vibe kodiranje: Claude Code, kao i Lovable, Bolt i v0, generiraju stvarni kod web stranice na temelju vaših tekstualnih naredbi. Drugi pristup je gdje primate gotovu web stranicu, a Claude, ChatGPT ili Gemini se povezuju s njom kao kontrolna ploča putem MCP protokola. U nastavku su oba pristupa, redom, sa stvarnim brojkama i zamkama.

Što je MCP jednostavnim riječima?

MCP (Model Context Protocol) je otvoreni protokol koji omogućuje AI chatovima povezivanje vanjskih alata. Programeri protokola to objašnjavaju uspoređujući ga s konektorom:

„ MCP je poput USB-C priključka za AI aplikacije: Kao što USB-C pruža standardni način povezivanja uređaja, MCP pruža standardni način povezivanja AI aplikacija s vanjskim sustavima.“ (prijevod po značenju)
modelcontextprotocol.io,„Što je protokol konteksta modela“

Anthropic je otvorio MCP kao otvoreni standard 25. studenog 2024. U ožujku 2025. OpenAI je usvojio protokol, isprva u Agents SDK-u, s obećanjem skorog dodavanja podrške u aplikaciji ChatGPT i Responses API-ju. Microsoft i Google su se ubrzo pridružili. Do prosinca 2025. MCP je imao preko 10 000 aktivnih javnih poslužitelja, a istog mjeseca Anthropic je prenio upravljanje protokolom na Agentic AI Foundation pri Linux Foundationu kako bi osigurao da standard ostane neutralan. Za vlasnika web-mjesta to znači da je MCP prihvaćeni način povezivanja AI chatova s uslugama trećih strana, koji danas podržavaju svi glavni asistenti. Za detalje o tome kako ovo funkcionira na 1001site, pogledajte upute za povezivanje Claude, ChatGPT a i Gemini u bazi znanja.

Put 1: Claude Code izrađuje web stranicu od nule - koliko to zapravo košta?

Claude Code nema besplatnu verziju: pristup počinje s pretplatom na Claude Pro (20 USD mjesečno) ili Max (100-200 USD mjesečno) ili plaćanjem tokenima putem Anthropic Console. Ostale usluge vibriranja koda funkcioniraju na sličan način:

Simpatično - 5 besplatnih verzija dnevno, plaća se od 25 USD mjesečno.
Bolt.new - 1 milijun tokena mjesečno besplatno, 20-25 USD mjesečno uz naknadu (tokeni se brže troše kako projekt raste).
v0 (Vercel) - 7 poruka dnevno besplatno, plaća se od 30 USD mjesečno po korisniku.

Nakon izrade, kod je vaš i može se prenijeti na bilo koji hosting - to je plus. Međutim, hosting, domena, HTTPS certifikat i naknadno održavanje web stranice također su vaša odgovornost. Bolt objavljuje na Netlifyju prema zadanim postavkama. Lovable se sinkronizira s GitHubom i zahtijeva zasebno postavljanje na Netlify ili Vercel. v0 je vezan za Vercelovu vlastitu infrastrukturu, sve do ručnog konfiguriranja DNS zapisa (tehničkih adresa domena) za vašu vlastitu web stranicu. Nijedan od ovih alata ne uključuje održavanje stranice nakon izrade.

Koje zamke čekaju netehničku osobu u vibra kodiranju?

Pet stvari zapravo ubija entuzijazam brže od obećanja u oglasima za Vibe Coding:

Umjetna inteligencija kvari postojeći kod. Uobičajena pritužba među početnicima u Vibe kodiranju: tijekom prvih pokušaja, umjetna inteligencija piše neispravan kod i kvari postojeće usluge.
Bez Gita nema točke vraćanja na prethodno stanje. Isti autor uspoređuje commite s poviješću verzija u Google dokumentima - ali čak se i to mora objasniti početniku od nule.
Model "zaboravlja" kontekst. Svaki AI model ima ograničeno pamćenje dijaloga, pa na kraju ponavlja istu stvar iznova i iznova - to jasno pokazuje analiza na DEV Community.
Ispravljanje grešaka u tuđem kodu je slijepa ulica. Ako niste napisali logiku, dijagnosticiranje greške je teže: nije jasno gdje uopće početi tražiti uzrok.
Sigurnost je slijepa točka. Umjetna inteligencija ne dodaje zaštitu grubom silom ili dvofaktorsku autentifikaciju prema zadanim postavkama, osim ako se to izričito ne zatraži, a API ključevi često završe u kodu na front-endu. Praćenje ranjivosti Vibe Security Radar tvrtke Georgia Tech zabilježilo je porast otkrića u kodu generiranom umjetnom inteligencijom sa šest novih CVE unosa u siječnju 2026. na 35 u ožujku - detalji na entrepreneurloop.com.

Niti jedan od ovih problema ne znači da je vibra kodiranje loš alat: za programera ili strastvenog eksperimentatora, to je održiv način za brzo sastavljanje prototipa. Ali za vlasnika tvrtke koji jednostavno želi funkcionalnu web stranicu bez tereta drugog zanimanja, ovo je značajna početna cijena.

Put 2: Web stranica je već spremna, a AI chat je samo uređuje

Drugi put je kraći upravo zato što je stranica već izgrađena. U 1001site u birate stil iz kataloga, a AI agent kreira početnu stranicu i odjeljke u tom stilu za 2-7 minuta; način kloniranja gotovo točno replicira referencu, a tekst se prepisuje posebno za vaše poslovanje. Zatim možete povezati stranicu s Claude, ChatGPT ili Gemini putem MCP a i upravljati njome naredbama poput "Navedi ovih 20 proizvoda iz tablice", "Napravi početnu stranicu kao onu na ovoj stranici", "Podigni cijene za 10%".

Usporedba Vibe kodiranja i web stranice korištenjem Claudea putem MCP-a: kod od nule u odnosu na gotov proizvod

Usluga se bavi hostingom, domenom i ažuriranjima tražilice - ne morate pristupati repozitoriju ili konzoli za implementaciju. Web stranica se tehnički nalazi u vašoj nadzornoj ploči, a javna adresa je poddomena ili prilagođena domena s besplatnim SSL certifikatom. Stil se odabire u skočnom prozoru "Izradi web stranicu" na 1001site.com, a MCP veza se dodaje nakon što je web stranica spremna.

Kako povezati web stranicu s Claude, ChatGPT ili Gemini: 3 koraka

Povezivanje se vrši jednom po asistentu i traje tri koraka.

3 koraka za povezivanje vaše web stranice s Claudeom, ChatGPT-om ili Geminijem putem MCP-a

Kliknite "Poveži se". Idite na Postavke → "AI i MCP " → "Poveži se s Claude " (ili ChatGPT, Gemini). Generirat će se ključ s punim pristupom ovoj web-lokaciji, a veza za povezivanje kopirat će se u međuspremnik.
Zalijepite poveznicu u pomoćnika. Za Claude (claude.ai) - Postavke → Konektori → "Dodaj prilagođeni konektor"; za Claude Code - naredba iz prozora za povezivanje; za ChatGPT - Način rada za razvojne programere → MCP aplikacije → dodaj poslužitelj; za Gemini - Postavke → Povezane aplikacije → Dodaj prilagođenu aplikaciju (za Gemini CLI - zasebna naredba).
Provjereno. Pošaljite asistentu poruku poput: "Povezani ste s mojom web-stranicom. Pokažite mi što možete učiniti." Pozvat će alat i odgovoriti s popisom opcija.

Katalog gotovih naredbi ugrađen je izravno u vezu, tako da ne morate smišljati upute od nule.

Što možete povjeriti asistentu - a što ne?

Povezani asistent dobiva iste alate kao i ugrađeni AI asistent u uredu:

Kategorije i proizvodi - kreiranje, uređivanje, uvoz, fotografija putem poveznice;
narudžbe i njihov status;
sve postavke web-mjesta i tekstovi sučelja;
dizajn - boje, fontovi, zaglavlje, prilagođeni CSS, stil temeljen na referenci ili snimci zaslona;
struktura glavne stranice i stranica iz blokova;
objave i statistike.

Asistent nema pristup tarifnom planu, adresi i domeni web stranice, ključevima plaćanja i botova, niti brisanju podataka - to ublažava glavni strah "što ako nešto nepovratno pokvare?". Ključ se prikazuje jednom prilikom kreiranja i može se izdati s ograničenim pravima (samo za čitanje ili pristup za čitanje i pisanje za određene grupe, kao što su katalog ili narudžbe). Može se opozvati jednim klikom na popisu veza, nakon čega asistent odmah gubi pristup.

Kako to izgleda u praksi: katalog od 300 proizvoda za par minuta

300 kartica proizvoda, čije bi ručno popunjavanje inače trajalo danima, bilo je potrebno samo nekoliko minuta razgovora s Claude na autorovoj povezanoj usluzi, koja koristi isti MCP princip kao i 1001site. U jednom od projekata za mrežu trgovaca koji prodaju spomenike, Claude je analizirao mnoštvo izvornih 3D modela, ručno ih "izrezao" na 300 pojedinačnih proizvoda i kategorizirao ih pomoću nekoliko tekstualnih naredbi od autora. Autor opisuje rezultat na sljedeći način:

MCP tehnologija radikalno mijenja upravljanje trgovinom. Umjesto ručnog ispunjavanja kartica cijeli dan, komunicirate s chatbotom, šaljete fotografije, a sustav automatski puni trgovinu.
Iz studije slučaja "Katalog od 300 proizvoda u par minuta", blog 1001site

Logika povezivanja i rada s Claude putem MCP u 1001site je ista - samo su katalog i proizvodi već vaši.

Trebam li plaćeni račun i koliko košta cijeli proces?

Da, najvjerojatnije. MCP veza dostupna je na plaćenim planovima stranice ("All Inclusive" - 45 € mjesečno, prvi mjesec s promo kodom - 25 €; bez probnog razdoblja). Račun na Claude, ChatGPT ili Gemini je zaseban i vaš: njegove uvjete, ograničenja poruka i troškove određuje sam pružatelj usluga, a ne 1001site. Usporedite to s početnom cijenom za vibe kodiranje iz gornjeg odjeljka: tamo cijena počinje od 20 USD samo za pretplatu na Claude Code, isključujući hosting. MCP nije besplatan, ali samo dodaje trošak pomoćnog računa uz već plaćenu web stranicu - nema zasebnog računa za hosting i domenu.

Koji put biste trebali odabrati?

Ako vas zanima sam proces programiranja, trebate potpuno prilagođen proizvod ili vam je ugodno s gitom i implementacijom, Vibe kodiranje s Claude Codeom, Lovableom ili Boltom se isplati i to je održiv alat za taj posao. Ako vam je potrebna funkcionalna web stranica za vaše poslovanje bez druge karijere, pametnije je izraditi je pomoću gotovog AI graditelja, a zatim je povezati s Claude, ChatGPT ili Gemini putem MCP kada želite njome upravljati verbalno. Drugi pristup započinje odabirom stila iz kataloga 1001site: web stranica je spremna za 2-7 minuta, a MCP veza može se dodati preko postojećeg rezultata u bilo kojem trenutku.

Izvori

Reference i izvori

Pitanja i odgovori

Trebam li plaćeni Claude, ChatGPT ili Gemini račun za povezivanje s MCP?

Da, najvjerojatnije. MCP veza je dostupna na plaćenim planovima stranice, a vaš račun na Claude, ChatGPT u ili Gemini je vaš: uvjete i ograničenja postavlja sam pružatelj usluga, a ne 1001site.

Je li sigurno dati AI chatu pristup web-mjestu putem MCP?

Ključ vrijedi samo za jednu web stranicu i samo s dodijeljenim dozvolama. Pomoćnik ne može brisati podatke, mijenjati plan ili mijenjati domenu, a ključ se može opozvati jednim klikom na popisu veza.

Po čemu se MCP veza razlikuje od Vibe kodiranja u Claude Codeu?

U Vibe kodiranju, Claude piše kod web stranice od nule, dok korisnik brine o hostingu, domeni i održavanju. S MCP vezom, web stranicu je već izgradio AI alat za izradu web stranica, dok je Claude, ChatGPT ili Gemini uređuju samo riječima - nije potrebno kodiranje ili hosting.

Je li moguće povezati web stranicu s nekoliko asistenata odjednom?

Da. Svaka veza zahtijeva zasebnu tipku: ako je potreban drugi asistent ili uređaj, potrebno je ponovno pritisnuti tipku "Poveži".

Želite li ovakvu web stranicu za svoje poslovanje?

Odaberite stil iz 1000 uzoraka – AI agent će izraditi web stranicu na temelju vaše poveznice ili opisa i ispuniti je za nekoliko minuta, a ne tjedana.

Prikaži stilove