Tutorial Terminal Lanjutan #9 - Bangun Web Server Pertamamu dengan Nginx di Localhost 🌐

byFerdian Rahabista -February 12, 2026

0

Halo, pembangun web! 💻
Pernah bertanya-tanya bagaimana website seperti Google atau Wikipedia bisa diakses dari browser? Semua itu dimulai dari **web server** — program yang menyajikan file HTML ke pengguna.

Kabar baiknya: kamu bisa membuat web server sendiri di komputermu — tanpa internet, tanpa biaya, hanya dengan satu perintah!

Alat yang akan kita gunakan: Nginx (dibaca “engine-x”) — web server ringan, cepat, dan populer di seluruh dunia.

🚀 Mengapa Nginx?
- Ringan dan cepat
- Digunakan oleh Netflix, WordPress.com, dan banyak situs besar
- Mudah dikonfigurasi
- Sempurna untuk belajar sebelum ke AWS!

Langkah 1: Instal Nginx

Pastikan daftar paket terbaru, lalu instal Nginx:

sudo apt update
sudo apt install nginx -y

Langkah 2: Jalankan Layanan Nginx

Nginx biasanya otomatis jalan setelah instalasi. Tapi pastikan dengan:

sudo systemctl start nginx
sudo systemctl enable nginx

Perintah kedua memastikan Nginx jalan otomatis saat komputer restart.

Langkah 3: Uji Web Server di Browser

Buka browser favoritmu (Chrome, Firefox, dll), lalu ketik di bilah alamat:

http://localhost

Atau:

http://127.0.0.1

Jika berhasil, kamu akan melihat halaman:
“Welcome to nginx!” 🎉

Selamat! Kamu baru saja menjalankan web server pertamamu!

Langkah 4: Kenali Struktur Folder Nginx

File website default disimpan di:

/var/www/html/

Lihat isinya:

ls /var/www/html/

Kamu akan melihat file index.html — itulah yang ditampilkan saat kamu buka http://localhost.

Langkah 5: Ganti Halaman Web-Mu!

Buat versi pribadimu:

sudo nano /var/www/html/index.html

Ganti isinya dengan:

<!DOCTYPE html>
<html>
<head>
  <title>Website Pertamaku!</title>
</head>
<body>
  <h1>Halo Dunia! 👋</h1>
  <p>Aku baru saja membuat web server di komputermu sendiri!</p>
  <p>Tanggal: <script>document.write(new Date().toLocaleString())</script></p>
</body>
</html>

Simpan dengan Ctrl+O → Enter → Ctrl+X, lalu segarkan browser-mu!

💡 Tips Penting:
- Kamu butuh sudo karena folder /var/www/ milik sistem.
- Untuk proyek pribadi, pertimbangkan buat folder di /home/namamu/web/ lalu ubah konfigurasi Nginx (nanti di tutorial lanjutan).
- Jika halaman tidak muncul, cek apakah Nginx jalan: sudo systemctl status nginx

Latihan Praktis: Buat Website Portofolio Mini

Buat file about.html di /var/www/html/
Tambahkan tautan dari index.html ke about.html
Tambahkan gambar (simpan di folder yang sama, lalu gunakan <img src="nama.jpg">)
Akses via http://localhost/about.html

“Aku baru saja menjadi pemilik website pertamaku — tanpa hosting, tanpa domain, hanya dengan Terminal dan sedikit HTML!” 🌟

Kenapa Ini Penting untuk AWS?

Di AWS:

Kamu akan instal Nginx di EC2 instance persis seperti ini
File website disimpan di /var/www/html/
Perbedaannya: alih-alih localhost, kamu akses via alamat IP publik

Menguasai Nginx di lokal = fondasi kuat untuk deploy di cloud!

Penutup

Sekarang kamu sudah bisa:

✔ Menginstal Nginx
✔ Menjalankan layanan web
✔ Mengakses website via localhost
✔ Mengedit konten website-mu sendiri

Ingat: **Setiap website besar di dunia dimulai dari satu file HTML di satu server. Dan hari ini, kamu memulainya.** 💡