Kako napraviti web stranicu za firmu uz AI: alati, troškovi i zamke

Kako napraviti web stranicu za firmu uz AI: opišete firmu alatu poput Claude Codea, ChatGPT-a, Geminija ili Lovablea, dobijete prvu verziju, a zatim provjerite ono što alat sam ne vidi. To su tajni ključevi, podaci iz obrasca, kolačići, obvezni podaci o firmi, SEO i domena. Članak je za vlasnike malih firmi i obrtnike koji žele sami napraviti web stranicu s AI-jem i znati koliko to košta i gdje stati.

Ukratko

• Postoje dvije vrste alata. AI asistenti (Claude Code, ChatGPT s Codexom, Gemini, Grok) pišu kod koji objavljujete kod hostinga po izboru. AI platforme (Lovable, Base44, Bolt, v0, Manus) stranicu slože i drže na svom hostingu.
• Plaćate pretplatu, a unutar nje trošite limit korištenja, kredite ili tokene. Popravci se troše iz istog limita kao i prva verzija.
• Prvi plaćeni planovi: Claude Pro 20 USD mjesečno, ChatGPT Go 8 USD ili Plus 20 USD, Google AI Pro 22,99 EUR, Lovable Pro 25 USD, Base44 Starter 16 USD mjesečno uz godišnju naplatu, Bolt Pro 25 USD. Uvjeti su u tablici niže.
• Prije objave provjerite sigurnost ključeva i baze, obrazac i osobne podatke, kolačiće, obvezne podatke o firmi, SEO i domenu.
• Wix, WordPress i Shopify imaju smisla kad stranicu želite uređivati klikom. Kratka usporedba je pri kraju.

Dva načina izrade web stranice s AI-jem

AI asistent piše kod, hosting birate vi

• Claude Code je Anthropicov alat koji radi u vašem projektu: čita i mijenja datoteke i izvršava naredbe. Uključen je u planove Claude Pro i Max, a u besplatnom planu ga nema.
• ChatGPT i Codex. Codex je OpenAI-jev agent za programiranje. Prema OpenAI-jevu cjeniku dostupan je u svim planovima ChatGPT-a, od besplatnog nadalje. Planovi se razlikuju po tome koliko ga smijete koristiti.
• Gemini Canvas iz opisa generira kod aplikacija i web stranica. Prema Googleu dostupan je korisnicima Gemini aplikacije u podržanim zemljama i jezicima.
• Grok (xAI) generira kod u istom razgovoru u kojem pišete tekst.

Hosting, SSL certifikat, domena i, ako treba, baza su na vama. AI vas kroz to može voditi korak po korak, ali pristupi i odluke ostaju kod vas.

AI platforma slaže i objavljuje stranicu

• Lovable gradi web stranice i aplikacije iz opisa. Sinkronizacija s GitHubom postoji na svim planovima, a vlastita domena i preuzimanje koda na plaćenima. Prema Lovableu kod i podatke možete izvesti i prebaciti kod drugog pružatelja.
• Base44 slaže aplikacije i stranice s bazom i korisničkim računima. Plaćeni planovi uključuju spajanje domene i besplatnu domenu prvu godinu.
• Bolt ima hosting već u besplatnom planu, uz Bolt oznaku na stranici. Vlastitu domenu spajate od plana Pro.
• v0 je Vercelov alat. Besplatni plan ima 7 poruka dnevno i objavu na Vercel. Vercelov besplatni Hobby plan dopušta samo osobnu, nekomercijalnu uporabu, pa za stranicu firme na Vercelu računajte na plaćeni plan.
• Manus je AI agent koji, uz druge zadatke, iz opisa slaže i objavljuje web stranice i aplikacije.

Platforme olakšavaju objavu jer je hosting ugrađen. Mogu li se kod, baza i drugi servisi prenijeti drugdje, provjerite za svaki alat prije nego uložite više vremena.

Koliko koštaju AI alati za izradu web stranice

Cijene provjerene listopad 2026 (9. 10. 2026.) na službenim cjenicima: Claude, ChatGPT i Codex, Google AI Pro, Lovable, Base44, Bolt. Iznosi u USD su s globalnih cjenika. Claude navodi da prikazane cijene ne uključuju porez, pa na računu može biti i PDV. Google AI Pro prikazan je u eurima za Hrvatsku. Cijene, limiti i uvjeti se mijenjaju, a konačan iznos vidite prije plaćanja.

Grok (SuperGrok), Manus i v0 također imaju plaćene planove. Iznos i uvjete pogledajte na njihovim stranicama prije pretplate.

Pretplata određuje koliko korištenja imate u mjesecu. Koliko ćete stvarno potrošiti ovisi o veličini projekta, odabranom modelu i vrsti zahtjeva. Popravak obrasca, prijevod na engleski i preslagivanje za mobitel troše iz istog limita kao i prva verzija. Kad se limit ili krediti potroše, čekate novi ciklus ili, gdje alat to nudi, dokupite kredite. Na to dodajte domenu i, kod asistenata, hosting.

Cijene izvođača i ostale troškove izrade imate u članku koliko košta izrada web stranice.

Kako napraviti web stranicu za firmu s AI-jem u 6 koraka

1. Napišite jednu rečenicu prije prvog prompta

Napišite tko je kupac i koju radnju treba napraviti na stranici. Ilustrativni primjer: vlasnik kuće traži ponudu za klimu i šalje adresu i fotografiju prostora. Iz te rečenice slijede stranice, naslov početne i polja obrasca. Bez nje AI složi uredan raspored koji ne vodi do upita, a vi trošite limit na preslagivanje.

2. Dajte AI-ju svoje podatke

AI može dodati netočne ili nepotvrđene podatke o vašoj ponudi. Dajte mu popis usluga, raspon cijena, radno vrijeme, područje rada, stvarne fotografije i kontakt. Sve što napiše o ponudi, cijenama, rokovima i uvjetima provjerite prije objave.

3. Odaberite tip alata

Ako ne želite birati hosting ni spajati servise, krenite s platformom (Lovable, Base44, Bolt). Ako želite sami odlučiti gdje stranica živi i imate hosting ili nekoga tko ga vodi, uzmite asistenta (Claude Code, Codex). Za jednostavnu stranicu s tri do pet podstranica oba puta rade.

4. Tražite stranicu po dijelovima

Početna, usluge, o nama, kontakt. Jedan zahtjev za jednu stvar. Kad nešto radi, ne tražite od AI-ja da "sve malo doradi", jer tada može promijeniti i dijelove koji su bili dobri.

5. Spojite domenu i testirajte obrazac

Domenu spajate na platformi ili kod hostinga. Obrazac mora stvarno slati upit nekome. Pošaljite tri testna upita i provjerite gdje stižu, tko ih vidi i dobiva li kupac potvrdu.

6. Prije objave prođite provjere ispod

Sigurnost, osobni podaci, kolačići, podaci o firmi, SEO i domena.

Što AI napravi brzo i što provjeriti prije objave

AI alati brzo slože ono što se vidi: raspored, tekst, prilagodbu za mobitel, osnovni HTML i CSS i prijevod sadržaja. Za stranicu koja predstavlja firmu i prima upite to je velik dio posla. Ostaje dio koji se na ekranu ne vidi, a za firmu nosi pravni ili sigurnosni rizik. Njega prije objave provjerite sami ili uz nekoga tko to zna.

Sigurnost i izloženi API ključevi

Kad stranica šalje mail, sprema upite u bazu ili poziva vanjski servis, često koristi API ključ. Neki ključevi su javni i smiju biti u pregledniku, a Supabase ih zove publishable. Tajni ključevi idu samo na server ili u postavke tajni (secrets) na platformi. Sve što se učitava u pregledniku može vidjeti svatko tko otvori stranicu.

Ako stranica koristi bazu poput Supabasea, provjerite pravila pristupa. Supabase u dokumentaciji navodi da je tablica u izloženoj shemi bez Row Level Securityja (RLS) dostupna za čitanje i pisanje svakoj ulozi koja ima dodijeljena prava, i traži RLS na svakoj takvoj tablici. Uključen RLS je tek početak. Pogledajte pravila za svaku tablicu i iz preglednika pokušajte pročitati ili upisati podatke do kojih ne biste smjeli doći.

Obrazac i GDPR

Obrazac prikuplja osobne podatke. Prema GDPR-u (čl. 13) posjetitelju morate reći tko ih obrađuje, u koju svrhu i na kojoj pravnoj osnovi, kome ih dajete, koliko ih čuvate te koja su mu prava, uključujući pritužbu AZOP-u. AI će napisati politiku privatnosti, ali ne zna koje servise stvarno koristite (mail, baza, analitika, AI alat koji čita upite). Tekst je zato generički dok ga ne uskladite. Za svaki od tih servisa provjerite i ugovor o obradi podataka.

Kolačići

Prema AZOP-u, kolačići koji nisu nužni moraju ostati neaktivni do privole, a posjetitelj ih već na prvoj razini bannera mora moći jednako jednostavno prihvatiti ili odbiti. Banner s jednim gumbom "Prihvaćam" nije dovoljan. Ako AI u stranicu doda analitiku ili marketinški piksel, provjerite da se ne pokreću prije pristanka.

Obvezni podaci o firmi

• Svaka firma i obrt sa stranicom. Prema Zakonu o elektroničkoj trgovini (čl. 6) stalno dostupno navodite ime i prezime ili tvrtku, sjedište, podatke za brz kontakt uključujući email, broj registra i podatke o registru te porezni broj ako ste u sustavu PDV-a. Za djelatnosti pod službenim nadzorom i regulirane profesije traže se i dodatni podaci.
• Trgovačka društva uz to imaju obveze iz čl. 21 Zakona o trgovačkim društvima, među ostalim tvrtku, sjedište, registarski sud i broj upisa, temeljni kapital i članove uprave. Za dionička društva popis je širi.
• Pristupačnost. Zakon o pristupačnosti proizvoda i usluga obuhvaća i usluge e-trgovine prema potrošačima. Ne primjenjuje se na mikro subjekte malog gospodarstva koji pružaju usluge.

AI ove podatke ne zna i često ubaci primjerne ili izmišljene. Za svoj slučaj provjerite s računovođom ili pravnikom.

SEO

Prije objave provjerite ima li svaka podstranica svoj naslov i meta opis, postoji li sitemap i imaju li slike opis (alt tekst). Zatim stranicu dodajte u Google Search Console, prijavite sitemap i alatom za provjeru URL-a pogledajte kako Google vidi glavne stranice. Ako je stranica složena u JavaScriptu, ta provjera pokazuje vidi li Google vaš tekst.

Domena, hosting i održavanje

Prema CARNET-u, pravne osobe registrirane u Hrvatskoj i fizičke osobe s registriranom samostalnom djelatnošću, poput obrtnika, imaju pravo na jednu besplatnu .hr domenu. Naziv besplatne domene pravne osobe mora sadržavati registrirani naziv, skraćeni naziv ili skraćenicu. Naplatne .hr domene registrirate preko ovlaštenih registrara.

Spajanje domene traži DNS zapise kod registrara, a upute daje platforma ili hosting. Nakon objave netko mora pratiti obnovu domene, ažuriranja i stižu li upiti iz obrasca.

Wix, WordPress ili Shopify: kratka usporedba

Gotovi uređivači imaju smisla kad stranicu želite uređivati klikom, bez rada s kodom. Većina ih danas ima i vlastitog AI pomoćnika.

Kod web trgovine u Hrvatskoj unaprijed riješite fiskalizaciju. Prema Zakonu o fiskalizaciji, od 1. siječnja 2026. računi u krajnjoj potrošnji fiskaliziraju se neovisno o načinu plaćanja, uz iznimke propisane zakonom. Cijene ovih alata su u članku koliko košta izrada web stranice.

Kada angažirati Fraviz

Ako vam AI složi stranicu koja vam se sviđa, ne morate je bacati. Fraviz ima smisla u tri situacije:

• Ne želite se baviti alatima i domenom. Fraviz radi web za obrte i male firme: prilagođen mobitelu, s on-page SEO osnovama, sitemapom i kontakt formom koja stiže u vaš email, uz održavanje prvih 12 mjeseci (paket Web Start). Fraviz ne prodaje hosting, hosting ide na vaš račun.
• Već ste nešto složili s AI-jem i niste sigurni što od gornjih provjera nedostaje. Pokažite to na pozivu od 15 minuta pa vidimo ima li smisla dorada ili nova izrada.
• Posao nakon upita troši vrijeme. Ako se upit iz obrasca ručno prepisuje, ponude se slažu u mailu, a podsjetnici se zaboravljaju, to je već automatizacija poslovnih procesa. Što takav sustav uključuje, opisano je na stranici poslovni AI sustav.

Pakete i početne cijene izrade imate na stranici cijene.

Česta pitanja

Kako napraviti web stranicu za firmu besplatno?

Probnu verziju možete: Lovable, Base44, Bolt i v0 imaju besplatne planove, a Codex i Gemini Canvas dostupni su bez plaćene pretplate. Za stranicu firme na vlastitoj domeni treba plaćeni plan platforme ili vlastiti hosting. v0 objavljuje na Vercel, čiji besplatni plan dopušta samo nekomercijalnu uporabu.

Koji je najbolji AI alat za izradu web stranice?

Ovisi o tome koliko tehničkog posla želite preuzeti. Ako ne želite brigu o hostingu, platforma (Lovable, Base44, Bolt) je brža do objave. Ako želite sami birati hosting, asistent (Claude Code ili Codex) daje više kontrole. Većina ima besplatni početak, pa probajte prije pretplate.

Mogu li stranicu s Lovablea kasnije prebaciti drugdje?

Prema Lovableovoj dokumentaciji, da: kod možete sinkronizirati s GitHubom i izvesti, a podatke prebaciti kod drugog pružatelja. Preuzimanje koda je na plaćenim planovima. Za druge platforme to provjerite u njihovoj dokumentaciji prije nego stranicu objavite na pravoj domeni.

Treba li web stranica za obrt iste podatke kao za d.o.o.?

Ne sve. Obrt objavljuje podatke iz Zakona o elektroničkoj trgovini (ime ili tvrtka, sjedište, email, broj registra, porezni broj ako je u sustavu PDV-a). Trgovačka društva uz to objavljuju i podatke iz čl. 21 ZTD-a. Politika privatnosti i pravila za kolačiće vrijede za oboje.

Trebate stranicu na koju kupac lako pošalje upit?

Pripremite kratak opis: čime se firma bavi, što posjetitelj treba napraviti na stranici i imate li već nešto što je AI složio. Za razgovor rezervirajte poziv od 15 minuta. Ako vam je draže pisati, pošaljite opis na ivan.bobanovic@fraviz.com.