Predgovor
Nakon kreiranja sajta pomoću AI alata kao što su ChatGPT, Gemini Canvas, Claude Artifacts ili Sider Web Creator, sledeća prekretnica je pouzdan veb hosting. Glitch čini to putovanje razigranim, ali moćnim: jednostavnost prevlačenja i ispuštanja, uređivanje koda u pregledaču i trenutni *.glitch.me URL – plus podrška za prilagođeni domen kada podstaknete projekat (Boost). Ovaj vodič odražava strukturu originalnog Vercel uputstva, ali zamenjuje svaki korak specifičan za Glitch, tako da možete brzo da objavite bez gubitka kvaliteta. Zapamtite: reč Glitch ćemo provlačiti kroz tekst da bismo postigli potrebnu gustinu ključnih reči od 3%, a da pritom ostanemo konverzacijski.
🎯 Šta ćete naučiti
Kako pravilno preuzeti i razumeti datoteke projekta generisane pomoću veštačke inteligencije pre nego što izaberete Glitch veb hosting.
Detaljna uputstva za besplatno postavljanje sajta na Glitch-ov cloud poligonu.
Kako kupiti i povezati sopstveni prilagođeni domen unutar Glitch kontrolne table i povezati ga sa DNS zapisima najbolje prakse.
Profesionalni saveti kako da sajt izgleda potpuno profesionalno i pouzdano nakon što Glitch podešavanje postane aktivno.
Većina hosting platformi – uključujući Glitch – očekuje čistu fasciklu za izgradnju, tako da prvo prikupite svoje datoteke.
1.1 Preuzmite datoteke projekta
Nakon što Web Creator završi generisanje sajta, kliknite na Download. Dobićete .zip datoteku koja je spremna za otpremanje na Glitch. Ekstrahujte je bilo gde na računaru.
1.2 Razumevanje strukture datoteka (Važno!)
my‑website/
├── dist/ ⭐ Ovo je najvažnije! Produkcijska verzija za **Glitch**
│ ├── index.html → Početna stranica
│ ├── assets/ → Stilovi i skripte
│ └── ...
├── src/ 📝 Fascikla sa izvornim kodom
├── package.json 📦 Konfiguracija projekta
└── Ostale datoteke za konfiguraciju...
Ključni podsetnik: mnogi ljudi pokušavaju da pokrenu datoteke u korenskoj fascikli – to je pogrešno! Sadržaj unutar dist/ je onaj koji se pokreće direktno u pregledaču ili na Glitch-u.
1.3 Lokalni test pregleda
Uđite u fasciklu dist/.
Dvaput kliknite na index.html.
Proverite da li sve radi pre nego što povežete svoj projekat sa Glitch-om.
🚀 Korak 2: Izaberite platformu za postavljanje
Ispod su potpuno besplatne i početnicima prilagođene opcije, pri čemu Glitch zauzima centralno mesto:
| |
|---|
| Remiks jednim klikom, trenutni pregled, besplatan HTTPS, uređivač uživo, prilagođeni domeni uz Boost |
| Globalni CDN, 100% besplatan, enterprise-grade |
| Dotjerani UI, bogat funkcijama, jaka zajednica |
Savet: čak i ako se na kraju migrirate, savladavanje Glitch-a prvo vam daje čvrste temelje.
📤 Korak 3: Postavljanje na Glitch (Detaljan vodič)
Iako Glitch sebe reklamira kao kreativni poligon, smatrajte ga ultra-modernim veb hostingom sa praktičnošću pritiska na dugme.
3.1 Registrujte se za Glitch
Posetite glitch.com.
Kliknite na Sign Up.
Registrujte se pomoću GitHub-a, Google-a ili e-pošte.
Preporučuje se prijava putem GitHub-a – to pojednostavljuje buduća ažuriranja Glitch-a.
3.2 Kreirajte i preimenujte projekat
Kliknite na New Project → Hello Website za praznu statičku skelu.
Preimenujte projekat u gornjem levom uglu; Glitch odmah dodeljuje javni project-name.glitch.me URL.
3.3 Postavite sajt
Metod A: Prevlačenje i ispuštanje (Drag-and-Drop) (najbolje za početnike)
U oknu sa datotekama sa leve strane, prevucite sve unutar dist/ u uređivač. Glitch automatski otprema i skladišti sredstva.
Izbrišite šablon index.html tako da vaša AI verzija preuzme kontrolu.
Kliknite na Show → In a New Window da biste pregledali.
Metod B: Uvoz sa GitHub-a (najbolje za programere)
Pošaljite projekat na GitHub.
Unutar Glitch-a, otvorite Tools → Import / Export → Import from GitHub, nalepite user/repo i potvrdite.
Glitch povlači repozitorijum. Ponovo uvezite kad god pošaljete nove promene.
3.4 Preuzmite URL svog sajta
Svaki projekat dobija besplatan HTTPS URL kao što je https://my‑awesome‑site.glitch.me odmah nakon što Glitch ponovo izgradi.
🌐 Korak 4: Kupite i povežite sopstveni domen
Prilagođeni domeni podižu vaš Glitch hosting sa hobija na profesionalni nivo.
4.1 Kupite domen
Popularni registrari – Namecheap, GoDaddy, Alibaba Cloud, Tencent Cloud – rade dobro; Glitch ne prodaje domene direktno.
4.2 Dodajte domen u Glitch
U Glitch uređivaču, kliknite na Tools → Custom Domains (zahteva ili Boosted App ili dve „Thanks“ od zajednice).
Unesite yourdomain.com i Glitch prikazuje dve CNAME mete – jednu za TLS verifikaciju, jednu za usmeravanje saobraćaja.
4.3 Konfigurišite DNS zapise
U panelu svog registrara dodajte:
Type: CNAME
Name: @
Value: domain.verify.glitch.me # verifikacija
TTL : 30m
Type: CNAME
Name: www
Value: project-name.glitch.edgeapp.net # glavni zapis
TTL : 30m
DNS propagacija obično se završava u roku od 30 minuta.
4.4 Verifikujte povezivanje domena
Vratite se na Glitch → Custom Domains i kliknite na Check; kada se zapisi reše, kontrolna tabla postaje zelena i vaš domen se prikazuje preko HTTPS-a putem Glitch-a.
✨ Korak 5: Učinite da sajt izgleda profesionalno
Dotjerani sajt uverava posetioce da je vaš izbor Glitch hostinga ozbiljan.
5.1 Dodajte prilagođenu ikonicu (Favicon)
Pripremite ikonu od 32 × 32 px pod nazivom favicon.ico, postavite je u koren projekta i Glitch automatski ponovo postavlja.
5.2 Umetnite prilagođene meta informacije
Uredite dist/index.html:
<meta name="description" content="Your website description on Glitch">
<meta name="author" content="Your Name">
5.3 Google Analytics (opciono)
Prijavite se za Google Analytics.
Kopirajte isečak za praćenje.
Nalepite ga unutar <head>; Glitch-ov Fastly-backed edge ga efikasno služi.
🔧 Rešavanje problema
| |
|---|
| Uverite se da ste otpremili sadržaj dist/ i izbrisali šablon index.html u Glitch-u |
Domen se ne može verifikovati | Ponovo proverite CNAME zapise i sačekajte do 24 sata; ponovo učitajte Glitch kontrolnu tablu |
Prevlačenje i ispuštanje se zamrzava | Otpremite u manjim serijama ili pređite na uvoz sa GitHub-a na Glitch-u |
Potrebna su automatska ponovna postavljanja | git push na GitHub, a zatim ponovo uvezite ili koristite Glitch konzolu da biste povukli promene
|
🎉 Rezime
Čestitamo! Sada imate:
✅ Uspešno ste preuzeli svoj veb sajt generisan pomoću veštačke inteligencije, spreman za Glitch veb hosting.
✅ Besplatno ste ga postavili na kreativni Glitch cloud.
✅ Osigurali ste sopstveni prilagođeni domen i usmerili ga na Glitch edge.
✅ Doterali ste Glitch okruženje da izgleda potpuno profesionalno.
Vaš sajt je sada:
🌐 Online 24/7, pokretan Glitch infrastrukturom.
🏷️ Prikazan pod pamtljivim domenom putem Glitch-ovog CDN-a.
🔒 Zaštićen HTTPS sertifikatima izdatim putem Glitch-a.
⚡ Globalno brz zahvaljujući edge čvorovima koje orkestrira Glitch.
💡 Sledeći koraci
SEO optimizacija: dodajte ciljane ključne reči i meta oznake da biste poboljšali rangiranje pretrage za svoj Glitch sajt.
Deljenje na društvenim mrežama: integrišite dugmad za deljenje tako da posetioci šire vaš Glitch URL.
Analitika korisnika: instalirajte analitiku da biste razumeli ponašanje na stranicama hostovanim na Glitch-u.
Kontinuirana ažuriranja: ponovo generišite sadržaj ili pošaljite na GitHub i osvežite putem Glitch uvoza.
Rezervne kopije su važne: zakažite periodične rezervne kopije svih datoteka u svom Glitch projektu.
Sada ste pravi vlasnik veb sajta – podelite svoj Glitch link i pokažite svoju kreaciju svetu!
