Kako napraviti sajt uz ChatGPT: tri načina koja funkcionišu

Sajt možete napraviti uz ChatGPT tako što ćete ga zamoliti da napiše HTML i CSS sajta, pa te datoteke sami postavite na servis za hosting; ili da isplanira stranice i napiše tekst pre nego što ga gradite u alatu za izradu sajtova; ili da povežete AI builder kao što je Mythex unutar ChatGPT-ja, pa on može da napravi, hostuje i objavi sajt iz istog razgovora. Prvi način je besplatan i dobar za sajt od jedne stranice; treći je ono što vam treba kad sajt dobije formulare koji čuvaju podatke, prijave ili redovna ažuriranja. Ovaj vodič prikazuje svaki način uz upite i jasno kaže gde svaki od njih staje.

Šta ChatGPT može, a šta ne može sam

ChatGPT je odličan u pisanju: kodu, naslovima, tekstovima stranica i planovima. Sam po sebi nije kompanija za hosting. Vašem sajtu ne daje javnu adresu, ne pokreće bazu podataka i ne čuva datoteke sajta između projekata kao što to radi builder. Svaki način ispod je drugačiji odgovor na taj jaz.

Način 1: ChatGPT piše kod, vi ga hostujete

Ovo je klasičan pristup i dobro radi za jednostavan, statičan sajt: portfolio, landing stranicu, stranicu za venčanje.

Korak 1: Tražite kompletnu stranicu u jednoj datoteci

Budite konkretni u sadržaju i rasporedu:

Napiši kompletan sajt od jedne stranice kao jednu HTML datoteku sa CSS-om unutar style taga. Za Maju Hadad, slobodnu ilustratorku iz Ammana. Sekcije: zaglavlje sa njenim imenom i „Ilustracija za knjige i brendove“, mreža od šest slika iz portfolija (koristi placeholder putanje koje mogu da zamenim), kratak pasus o meni, lista od tri usluge sa početnim cenama i sekcija za kontakt sa njenim imejlom kao mailto linkom. Čist, moderan dizajn, puno belog prostora, radi na telefonima. Bez JavaScript framework-a.

Jedna datoteka čini stvar jednostavnom za čuvanje i otpremanje.

Korak 2: Sačuvajte je i otvorite

Kopirajte kod u uređivač teksta, sačuvajte ga kao index.html i otvorite u pregledaču. Ako nešto izgleda pogrešno, opišite to ChatGPT-ju: „mreža slika je u jednoj koloni na desktopu; neka budu tri kolone iznad 900 px širine.“

Korak 3: Zamenite placeholdere

Zamenite placeholder slike svojim i zamenite svaki tekst koji je ChatGPT izmislio. Pažljivo proverite cene, imejlove i imena; AI samouvereno popunjava praznine.

Korak 4: Postavite sajt na internet

Otpremite datoteku na besplatan statički hosting kao što je GitHub Pages ili na bilo koji web hosting koji već plaćate. Dobićete javnu adresu. Ako želite sopstveni domen, pratite uputstva vašeg hostinga; naš vodič o povezivanju sopstvenog domena objašnjava DNS deo.

Gde se način 1 zaustavlja

• Formulari koji čuvaju podatke. Kontakt formular treba da ima mesto na koje šalje podatke. Potreban vam je servis za formulare ili server.
• Prijave i zone za članove. Ovo zahteva backend i bazu podataka.
• Mnogo stranica. Održavanje istih zaglavlja i menija u deset ručno nalepljenih datoteka postaje naporno.
• Ažuriranja. Svaka izmena znači novi zahtev za kod, lepljenje i ponovno otpremanje.

Način 2: ChatGPT planira, builder gradi

Ovde ChatGPT radi razmišljanje i pisanje, a alat za izradu sajtova gradi i hostuje.

Korak 1: Isplanirajte sajt sa ChatGPT-jem

Vodim malu porodičnu pekaru u Mančesteru koja prima porudžbine torti. Predloži stranice koje mom sajtu trebaju, šta svaka stranica treba da kaže i jednu radnju koju želim da posetilac preduzme na svakoj stranici. Neka bude najviše pet stranica.

Korak 2: Napišite tekst

Zatražite tekst za svaku stranicu, pa ga prepišite svojim glasom. Dodajte stvarne detalje koje ChatGPT ne može da zna: radno vreme, cene, zone dostave i šta čini vaše torte drugačijim.

Korak 3: Napravite sajt u builderu

Nalepite plan i tekst u alat za izradu sajtova. U alatu za prevlačenje tekst stavljate u šablon. U AI builderu možete dati ceo plan kao jednu poruku i on pravi stranice; na primer, u Mythex builderu za sajtove:

Napravi sajt za porodičnu pekaru u Mančesteru prema ovom planu i tekstu: [nalepi]. Uključi formular za porudžbinu koji čuva svaki zahtev (ime, telefon, vrsta torte, potreban datum, poruka) da bih ih mogao da vidim na admin stranici u koju samo ja mogu da se prijavim. Topao, domaći dizajn, radi na telefonima.

Formular za porudžbine ovde čuva podatke u pravoj bazi, što nalepljena HTML datoteka ne bi mogla. Više o ovom putu pročitajte u vodiču kako napraviti sajt uz AI.

Način 3: Napravite i objavite iz ChatGPT-ja

Najnovija opcija je da povežete builder sa ChatGPT-jem, pa ChatGPT može direktno da koristi njegove alate. Ostajete u ChatGPT razgovoru; builder obezbeđuje projekat, pregled, bazu podataka i hosting.

Mythex radi ovako kroz svoju ChatGPT aplikaciju (MCP konektor). Povežete ga iz podešavanja naloga u Mythex-u; povezivanje radi na bilo kom planu, a alati koji pokreću sandbox vašeg projekta zahtevaju Pro. Kad je povezano, ChatGPT-ju možete reći nešto ovako:

Koristeći Mythex, napravi novi sajt za moju pekaru sa početnom stranicom, stranicom sa menijem torti i cenama i formularom za porudžbine koji čuva u bazu podataka. Pokaži mi pregled, a objavi ga kad kažem da izgleda dobro.

ChatGPT zatim kreira projekat, piše kod, pokreće ga i objavljuje na javnoj adresi kad odobrite. Izmene su samo nove poruke u istom razgovoru. Isti pristup konektora radi i iz Claude-a, Cursor-a i Codex-a. Za pozadinu o tome kako ovo funkcioniše i koji builderi to podržavaju, pogledajte AI builderi za aplikacije sa MCP-jem.

Koji način da izaberete?

Saveti za upite koji važe za sve načine

• Dajte stvarne činjenice unapred. Ime, lokacija, usluge, cene, kontakt podaci. Manje izmišljenih detalja znači manje čišćenja.
• Opišite posetioca i cilj. „Roditelj koji traži tortu za rođendan i treba da pošalje zahtev za porudžbinu.“
• Tražite raspored prvo za telefon. Većina posetilaca koristi telefone.
• Menjajte jednu stvar po poruci kad postoji prva verzija.
• Tražite osnove SEO-a eksplicitno: jedinstven naslov i opis po stranici, prave naslove i alt tekst na slikama. Pogledajte SEO za sajtove napravljene uz AI.

Naš vodič o pisanju upita za AI builder aplikacija ima više obrazaca.

Česti problemi i rešenja

• Dizajn izgleda generički. Dajte referencu: „kao miran skandinavski kafić, puno belog i jedna prigušena zelena“.
• Kod je odsečen. Zamolite ChatGPT da nastavi od poslednjeg reda ili da podeli stranicu na sekcije i daje vam jednu po jednu.
• Izmislio je preporuke ili statistiku. Uklonite ih. Lažne recenzije narušavaju poverenje, a na mnogim mestima su protivne propisima o zaštiti potrošača.
• Sajt se pokvari posle izmene. Sačuvajte kopiju poslednje radne verzije pre lepljenja novog koda. Builderi kao što je Mythex čuvaju checkpoint-e pa možete da se vratite.

Pre objavljivanja

Pročitajte svaku reč na svakoj stranici. Proverite da kontakt podaci rade. Otvorite sajt na telefonu. Uverite se da su sve slike vaše ili ispravno licencirane. Zatim objavite i podelite ga tamo gde su već vaši posetioci. Ako želite da sve ovo ne košta ništa, kako napraviti sajt besplatno detaljnije pokriva besplatne opcije hostinga.

Pitanja