Napraviti sajt za vaš biznis više nije ni skupo ni komplikovano. Za manje od 2 dolara i bez ijedne linije koda, možete imati potpuno funkcionalan, profesionalno dizajniran sajt koji radi na internetu. Zvuči nevjerovatno? U ovom vodiču ćete naučiti tačno kako to da uradite.
Proces je jednostavan i ne zahtijeva tehničko predznanje. Umjesto da plaćate hiljadu dolara web dizajneru ili da provodite sedmice učeći programiranje, iskoristićete moć vještačke inteligencije koja će kreirati sajt prema vašim instrukcijama. Sve što vam treba je jasna vizija šta želite, malo vremena za pripremu sadržaja, i tri besplatna alata koja ćemo ovdje predstaviti.
Evo kako ćemo to postići: prvo ćete razumjeti kako sajtovi funkcionišu, zatim ćete pripremiti sadržaj koji će biti na sajtu, koristićete AI da generiše kod i dizajn, i na kraju ćete objaviti sajt na internetu sa pravim domenom. Čitav proces traje oko 20 minuta.
Kako Sajtovi Funkcionišu: Hosting i Domen
Prije nego što krenemo sa izradom, važno je razumjeti osnovnu strukturu sajta. Sajt je zapravo gomila koda koji se pokreće na nekom računaru koji je stalno povezan na internet. Taj računar je domaćin vašem sajtu, pa ga zovemo host ili hosting.
Da bi ljudi mogli pristupiti vašem sajtu, on mora imati svoju adresu na internetu – to je domen. Domen je ono što kucate u browser: facebook.com, google.com, polovniautomobili.com. Bez domena, vaš sajt bi imao komplikovanu brojčanu adresu koju niko ne bi zapamtio.
U ovom vodiču pokrivamo sve tri komponente: kreiranje sajta (kod i dizajn), hostovanje (omogućavanje pristupa sajtu), i povezivanje domena (davanje pristupačne adrese).
Tri Alata Koja su Vam Potrebna
Za ovaj proces koristimo tri potpuno besplatne platforme. Svaka ima specifičnu ulogu, a zajedno čine kompletan sistem za kreiranje i pokretanje sajta.
Lovable – AI Alat za Kreiranje Sajtova
Lovable je moćan AI alat koji generiše sajtove na osnovu vaših instrukcija. Funkcioniše kao ChatGPT, samo što umjesto teksta kreira web stranice. Možete praviti osnovne sajtove, ali i napredne web aplikacije. Ono što ga čini idealnim je sposobnost da razumije detaljne opise i da generiše profesionalno izgledajući kod koji odmah funkcioniše.
Besplatna verzija vam daje dovoljno kredita da napravite kompletan sajt. Ako kasnije budete htjeli da vršite izmjene, možete nastaviti besplatno ili nadograditi na plaćenu verziju (25 dolara mjesečno), što je i dalje znatno jeftinije od angažovanja programera.
GitHub – Skladištenje Koda
GitHub je platforma gdje se čuva kod vašeg sajta. Poslužiće kao posrednik između Lovable-a (gdje kreirate sajt) i Vercel-a (gdje će sajt biti objavljen). Ne morate razumjeti kako GitHub funkcioniše u detaljima – jednostavno ga koristite kao skladište koje automatski sinhronizuje izmjene.
Vercel – Besplatan Hosting
Vercel je hosting platforma koja omogućava da vaš sajt bude dostupan na internetu potpuno besplatno. Ovdje ćete objaviti sajt, kupiti domen (od oko 2 dolara), i povežete sve zajedno. Vercel automatski preuzima kod sa GitHub-a i pokreće vaš sajt svaki put kada napravite izmjenu.
Priprema Prije Izrade: Zašto je Sadržaj Ključan
Najveća greška koju ljudi prave je da pokušaju da naprave sajt bez pripreme. Ne možete jednostavno reći AI alatu "napravi mi sajt za restoran" i očekivati dobar rezultat. AI će napraviti neki sajt, ali neće biti prilagođen vašem biznisu niti će izgledati onako kako želite.
Prije nego što uđete u Lovable, trebate imati potpuno pripremljen sadržaj. Kreiranje sadržaja znači pisanje svih tekstova koji će biti na sajtu: naslovi, opisi, informacije o vama, kontakt podaci, sve. Najbolji način je da to uradite u Word dokumentu ili Google Docs.
Strukturirajte dokument jasno po stranicama. Recimo da pravite sajt za restoran. Trebali biste imati:
Globalni header – navigacioni meni koji se pojavljuje na svakoj stranici (Početna, O nama, Galerija, Meni, Kontakt, Rezerviši sto). Globalni footer – informacije na dnu svake stranice (adresa, telefon, radno vrijeme, društvene mreže). Početna stranica – naslov stranice, opis, hero sekcija (prvi tekst koji korisnik vidi), sekundarne sekcije sa specifičnim informacijama. O nama stranica – priča o restoranu, vrijednosti, tim. Meni stranica – jelovnik sa kategorijama i opisima jela. Galerija stranica – kategorije slika koje želite prikazati. Kontakt stranica – forma za rezervacije ili poruke.
Što je dokument detaljniji, to će AI bolje razumjeti šta tačno želite. Nemojte žuriti sa ovim korakom – dobro napisan sadržaj je temelj dobrog sajta.
Korak po Korak: Izrada Sajta Pomoću Lovable
Sada kada imate pripremljen sadržaj, vrijeme je da počnete sa izradom. Proces je jednostavan, ali zahtijeva preciznost.
Registracija i Podešavanja
Idite na Lovable sajt i kliknite "Get Started". Najlakši način registracije je preko Google naloga – kliknite "Continue with Google" i odaberite svoj Gmail nalog. Alternativno, možete koristiti bilo koji email.
Nakon uspješne registracije, odaberite dark temu ako vam odgovara (nije obavezno), unesite svoje ime, i odaberite ulogu (founder, developer, ili bilo šta drugo – nije presudno). Odaberite da radite solo i naći ćete se u chat interfejsu gdje ćete opisati sajt koji želite.
Kreiranje Detaljnog Prompta
Chat interfejs u Lovable funkcioniše kao razgovor sa dizajnerom. Međutim, umjesto da pišete rečenicu kao "napravi mi sajt za restoran", trebate biti mnogo detaljniji.
Ovdje dolazi do izražaja Word dokument koji ste pripremili. Uploadujte taj dokument direktno u chat klikom na dugme za dodavanje fajlova. Lovable će pročitati cijeli dokument i razumjeti strukturu sajta.
Zatim napišite detaljan opis sajta. Na primjer: "Želim da napraviš moderan sajt za moj restoran koji se zove Secor Restoran. Sajt treba da ima 5 stranica: početnu, o nama, meni, galeriju, i kontakt. Dizajn treba da bude elegantan, sa fokusom na fotografije hrane. Boje neka budu tople i prirodne. Cijeli sadržaj se nalazi u priloženom dokumentu."
Dodavanje Referentnih Primjera
Da biste osigurali da sajt izgleda onako kako želite, pokažite Lovable-u primjere sajtova koji vam se sviđaju. Ovo je ključan korak koji većina ljudi preskoči.
Pronađite nekoliko sajtova iz vaše industrije koji imaju dizajn, boje i raspored elemenata koji vam se dopadaju. Na primjer, ako pravite sajt za restoran, potražite sajtove drugih restorana koji imaju dobar dizajn.
Napravite screenshot-ove ključnih dijelova tih sajtova: hero sekciju (prvi ekran), navigaciju, tipografiju, način rasporeda slika, footer. Uploadujte te screenshot-ove u chat zajedno sa komentarima: "Želim da moj sajt ima sličan layout kao ovaj", "Sviđa mi se ova kombinacija boja", "Ovaj font izgleda profesionalno".
Možete uploadovati i nekoliko screenshot-ova istovremeno. AI će ih analizirati i koristiti kao inspiraciju, ne kao šablon. Vaš sajt neće biti kopija, već će imati sličan stil i osećaj.
Generisanje Sajta
Kada pošaljete prompt sa priloženim dokumentom i screenshot-ovima, Lovable počinje da generiše sajt. Proces obično traje nekoliko minuta. AI kreira kod, dizajn, postavlja slike (generiše privremene slike koje možete kasnije zamijeniti), i organizuje sve stranice.
Videćete preview sajta u realnom vremenu. Možete kliknuti na različite stranice, provjeriti kako izgleda na mobilnim uređajima, i vidjeti da li sve radi kako treba. Ako vam se nešto ne sviđa, možete zatražiti izmjene direktno u chatu: "Promijeni boju headera u tamniju", "Povećaj font na hero sekciji", "Dodaj razmak između slika u galeriji".
Export na GitHub i Hosting na Vercel
Kada ste zadovoljni sa dizajnom, vrijeme je da objavite sajt na internetu. Prvo morate eksportovati kod na GitHub.
U Lovable interfejsu, idite na opciju "Publish" ili "Export to GitHub". Lovable će automatski kreirati GitHub repozitorijum i prebaciti sav kod tamo. Ako nemate GitHub nalog, kreiraćete ga u toku procesa – jednostavno se registrujte preko Google naloga.
Nakon što je kod na GitHub-u, idite na Vercel. Kliknite "Continue with GitHub" da povežete vaš GitHub nalog. Vercel će zatražiti dozvolu da pristupi vašim repozitorijumima – to je normalno i sigurno.
Kliknite "Install" da instalirate Vercel povezivanje. Videćete listu svih vaših GitHub projekata. Pronađite onaj koji je Lovable kreirao (imaće naziv vašeg sajta) i kliknite "Import". Ne morate mijenjati nikakva podešavanja – samo kliknite "Deploy".
Vercel sada preuzima kod sa GitHub-a i pokreće vaš sajt. Proces deployment-a traje oko 1-2 minuta. Kada se završi, videćete poruku "Congratulations" i dobićete privremeni URL koji izgleda ovako: "vašprojekt.vercel.app". Sajt već radi na internetu, ali URL nije lijep.
Kupovina i Povezivanje Domena
Privremeni Vercel URL nije nešto što biste htjeli da šaljete klijentima ili koristite profesionalno. Trebate pravi domen.
U Vercel dashboard-u, idite na "Settings", zatim na "Domains". Ovdje možete kupiti novi domen direktno od Vercel-a ili dodati postojeći ako ste ga kupili negdje drugdje.
Kliknite "Buy" i unesite željeno ime domena. Na primjer: "secorrestoran". Vercel će provjeriti dostupnost i pokazati različite opcije ekstenzija (.com, .net, .dev, .space, itd.). Cijena zavisi od ekstenzije – .com obično košta oko 10-15 dolara godišnje, dok .space ili .dev mogu biti 2-3 dolara.
Odaberite ekstenziju koju želite i kliknite "Add". Vercel će vas odvesti na checkout stranicu gdje unosite podatke platne kartice. Cijeli proces je bezbjedno obavljen preko Vercel-a.
Važna napomena: Možete isključiti automatsku godišnju obnovu ako pravite sajt samo kao eksperiment. Međutim, ako imate ozbiljan biznis, preporučuje se da ostavite automatsku obnovu uključenu kako ne biste izgubili domen.
Nakon kupovine, kliknite "Configure" i povežite domen sa vašim projektom. Vercel automatski podešava DNS (Domain Name System) i vaš sajt će biti dostupan na novom domenu za nekoliko minuta. Videćete status "Pending name server propagation" koji se nakon 5-10 minuta mijenja u zeleni checkmark. To znači da je domen aktivan.
Kako Vršiti Izmjene na Gotovom Sajtu
Jednom kada je sajt objavljen, sigurno ćete htjeti da napravite neke izmjene. Možda želite da promijenite tekst, boje, dodajete nove slike, ili ispravite nešto što ne radi savršeno.
Postoje dva načina da vršite izmjene. Prvi je kroz chat u Lovable-u. Vratite se na Lovable, kliknite "Go Back" da se vratite na projekat, i u chatu napišite šta želite da promijenite. Budite što konkretniji. Umjesto "promijeni boju", napišite "promijeni boju headera u tamno plavu (#1a2b3c)".
Drugi način je vizuelno uređivanje. U Lovable-u, kliknite "Design" i zatim "Visual Edits". Sada možete mišem kliknuti na bilo koji element na sajtu i opisati šta želite da se promijeni. Na primjer, kliknete na naslov i napišete "povećaj font na 48px" ili "promijeni tekst u 'Dobrodošli u naš restoran'". Možete čak uploadovati screenshot problema ako je nešto tehnički kompleksno.
Besplatna verzija Lovable-a ima ograničene kredite za izmjene. Nakon nekog vremena, moraćete da platite 25 dolara mjesečno za neograničene izmjene. Alternativno, možete napraviti sve izmjene odjednom dok imate besplatne kredite, ili naučiti osnove HTML/CSS koda i ručno uređivati fajlove na GitHub-u.
Kada napravite izmjenu u Lovable-u, kliknite "Publish" i zatim "Update". Lovable automatski šalje promjene na GitHub. GitHub obavještava Vercel o novom kodu, i Vercel automatski osvježava sajt. Cijeli proces traje 2-3 minuta i ne morate ništa ručno raditi.
Zaključak
Napravili ste potpuno funkcionalan, profesionalan sajt za manje od 2 dolara i bez ijedne linije koda. Sajt radi na internetu, ima pravi domen, i izgleda kao da ga je dizajnirao profesionalac.
Ključni koraci su bili: priprema detaljnog sadržaja u Word dokumentu, kreiranje sajta pomoću Lovable-a uz dodavanje referentnih primjera, export koda na GitHub, hosting na Vercel-u, i kupovina domena. Svaki korak je jednostavan i ne zahtijeva tehničko znanje.
Šta Dalje?
Sada kada imate sajt, evo konkretnih next steps:
Zamijenite sve AI-generisane slike sa pravim fotografijama vašeg biznisa. Uploadujte ih u Lovable i označite gdje svaka slika treba da stoji.
Testirajte sajt na različitim uređajima – telefonu, tabletu, desktop računaru. Provjerite da li sve stranice rade, da li se forma za kontakt šalje, i da li navigacija funkcioniše.
Povežite Google Analytics da pratite posjete sajtu. Vercel omogućava laku integraciju analytics-a bez potrebe za dodatnim kodom.
Razmislite o SEO optimizaciji – dodajte meta opise, naslove stranica, i alt tekstove za slike. Lovable može da uradi ovo automatski ako mu date instrukcije.
Objavite sajt na društvenim mrežama i dodajte link u email potpis, Google My Business profil, i sve druge platforme gdje je vaš biznis prisutan.
Ako planirate ozbiljan biznis, razmislite o nadogradnji na plaćenu Lovable verziju kako biste mogli neograničeno uređivati sajt. 25 dolara mjesečno je i dalje daleko jeftinije od web dizajnera.
Često Postavljana Pitanja (FAQ)
Da li moram plaćati hosting?
Ne, Vercel nudi potpuno besplatan hosting za osnovne sajtove. Plaćate samo domen (2-15 dolara godišnje zavisno od ekstenzije). Vercel naplačuje hosting samo ako imate izuzetno veliku posjećenost ili koristite napredne funkcije.
Koliko dugo traje kreiranje sajta?
Priprema sadržaja može trajati 1-2 sata ako želite da bude detaljno. Sam proces izrade sajta u Lovable-u traje 5-10 minuta. Postavljanje na Vercel i povezivanje domena traje dodatnih 10-15 minuta. Ukupno, za kompletan sajt trebate 2-3 sata.
Šta ako ne znam ništa o programiranju?
Ne treba vam programersko znanje. Čitav proces je dizajniran da bude intuitivan. Ako znate kako da koristite Word i Google, možete napraviti sajt. Jedino tehnički korak je povezivanje GitHub-a i Vercel-a, ali to je klik na nekoliko dugmadi bez potrebe razumijevanja kako funkcioniše u pozadini.
Mogu li dodati e-commerce funkcionalnost?
Lovable podržava naprednije funkcije kao što su forme za narudžbe i integracije sa payment procesorima, ali pravi e-commerce (košarica, checkout, inventory management) zahtijeva složenije podešavanje. Za osnovnu prodaju (par proizvoda), Lovable može da napravi formu za narudžbe koja se šalje na vaš email.
Koliko izmjena mogu napraviti besplatno?
Lovable daje određen broj kredita besplatno koji zavisi od trenutnog plana. Obično je dovoljno za kreiranje sajta i nekoliko manjih izmjena. Nakon toga, morate platiti 25 dolara mjesečno. Alternativa je da sve izmjene uradite odjednom dok imate kredite, ili da naučite HTML/CSS i ručno uređujete GitHub fajlove.
Da li sajt radi na mobilnim telefonima?
Da, Lovable automatski pravi responsive dizajn što znači da sajt odlično izgleda na telefonima, tabletima i desktop računarima. Možete testirati mobile verziju direktno u Lovable-u prije nego što objavite.
Šta se dešava ako istekne moj domen?
Ako ne obnovite domen kada istekne (obično nakon godinu dana), on postaje dostupan za kupovinu drugim ljudima. Vaš sajt će prestati raditi na tom domenu, ali kod će i dalje biti sačuvan na GitHub-u i Vercel-u. Možete kupiti novi domen i povezati ga.
Mogu li prebaciti sajt na drugi hosting kasnije?
Da, pošto je kod sačuvan na GitHub-u, možete ga preuzeti i hostovati na bilo kojoj platformi. GitHub repozitorijum vam daje potpunu kontrolu nad kodom. Međutim, Vercel je odličan besplatan hosting pa nema razloga za prebacivanje osim ako ne trebaju napredne funkcije.
