Kako hostovati vlastitu web stranicu sa kućnog računara (detaljno uputstvo)

Nivo težine: Srednje
Vrijeme potrebno: 30–60 minuta
Cilj: Pokrenuti lokalni web server i omogućiti prikaz web stranice direktno iz tvoje kuće, bez komercijalnog hostinga.

---

1. Šta ti je potrebno?

Potrebno	Objašnjenje
Računar (desktop/laptop)	Može i stariji, ali da bude stabilno uključen
Operativni sistem	Windows, Linux ili Mac
Internet veza	Nije obavezna ako želiš samo lokalni pristup
Softver	XAMPP (sadrži Apache, PHP, MySQL)
Sadržaj sajta	HTML, PHP, WordPress, ili drugi web fajlovi

---

2. Instalacija XAMPP-a

Korak 1: Preuzimanje

Idi na https://www.apachefriends.org

• Izaberi verziju XAMPP-a za tvoj operativni sistem (npr. Windows 64-bit)
• Klikni Download

Korak 2: Instalacija

• Pokreni instalaciju (npr. xampp-windows-x64.exe)
• Dozvoli sve potrebne pristupe (admin prava)
• Tokom instalacije, ostavi sve komponente uključene: Apache, MySQL, PHP, phpMyAdmin

Korak 3: Pokretanje

• Nakon instalacije, otvori XAMPP Control Panel
• Klikni Start pored Apache (web server) i MySQL (ako koristiš bazu)

Ako sve radi kako treba, trebali bi se pojaviti zeleni markeri sa statusom “Running”.

---

3. Testiranje lokalnog servera

Korak 4: Provjeri localhost

• Otvori web browser
• Upiši http://localhost i pritisni Enter
  Ako vidiš početnu stranicu XAMPP-a — sve funkcioniše.

---

4. Postavljanje vlastitog sajta

Korak 5: Pronađi “htdocs” folder

• Otvori C:\xampp\htdocs\
  Ovo je glavni direktorijum gdje ide sav tvoj web sadržaj.

Korak 6: Ubaci svoje fajlove

• Ako imaš statički sajt: kopiraj .html, .css, .js fajlove
• Ako koristiš WordPress: raspakuj WordPress fajlove u novi folder, npr. mojsajt

Primjeri:

• C:\xampp\htdocs\index.html → http://localhost/
• C:\xampp\htdocs\mojsajt\index.html → http://localhost/mojsajt

---

5. Korištenje baze podataka (ako je potrebno)

Korak 7: Otvori phpMyAdmin

• U browseru idi na http://localhost/phpmyadmin
• Kreiraj novu bazu klikom na “Nova” u lijevom meniju
• Nazovi bazu (npr. mojabaza) i klikni Kreiraj

Korak 8: Konfiguracija sajta

Ako koristiš WordPress, kad pokreneš instalaciju (http://localhost/mojsajt), tražit će te:

• Naziv baze: mojabaza
• Korisnik: root
• Lozinka: (ostavi prazno)

---

6. Testiranje sa drugog uređaja u mreži (LAN)

Korak 9: Pronađi lokalnu IP adresu

Na Windowsu:

• Otvori Command Prompt (cmd)
• Upisi ipconfig i pritisni Enter
• Potraži red IPv4 Address (npr. 192.168.1.4)

Na drugom uređaju (laptop, telefon):

• Upiši u browser: http://192.168.1.4 ili http://192.168.1.4/mojsajt

⚠ Ako se stranica ne otvori, provjeri:

• Da li ti je firewall blokirao Apache
• Da li si oba uređaja spojio na isti Wi-Fi/router

---

7. Objavljivanje sajta na internet (WAN)

Ovo je napredno i zahtijeva više pažnje.

Korak 10: Port forwarding

• Uloguj se u svoj router (obično 192.168.1.1)
• Pronađi opciju “Port Forwarding” ili “Virtual Server”
• Preusmjeri port 80 ka IP adresi računara gdje je XAMPP

Korak 11: Dynamic DNS (ako nemaš statičku IP adresu)

• Napravi besplatan račun na noip.com ili duckdns.org
• Poveži svoj dinamički IP sa besplatnim domenom, npr. mojsajt.ddns.net

⚠ Napomena:

Ako si iza CGNAT-a (kod nekih internet provajdera), moraćeš koristiti:

• VPN tunel (npr. Ngrok)
• Ili platiti statičku IP adresu

---

8. Sigurnost

Ako planiraš da sajt bude javno dostupan:

• Ograniči pristup fajlovima i folderima
• Postavi .htaccess zaštitu direktorija
• Razmisli o korištenju Let’s Encrypt za SSL (https)
• Prati logove servera i redovno ažuriraj skripte

---

Zaključak

Pokretanjem XAMPP servera na vlastitom računaru:
Učiš kako web hosting zapravo funkcioniše
Štediš novac na hostingu
Imaš punu kontrolu nad sadržajem i testiranjem