Cara Menjalankan Website di Localhost dengan XAMPP

Sebelum meng-online-kan website ke internet, banyak developer memilih untuk mengembangkan dan mengujinya terlebih dahulu di localhost. Salah satu cara termudah adalah dengan menggunakan XAMPP, sebuah software gratis yang memungkinkan kita menjalankan server lokal di komputer. Artikel ini akan membahas langkah-langkah menjalankan website di localhost dengan XAMPP.


✅ Apa Itu Localhost?

Localhost adalah istilah untuk server lokal di komputer sendiri. Fungsinya mirip seperti hosting online, namun hanya bisa diakses dari perangkat kamu. Ini sangat ideal untuk:

  • Belajar membuat website
  • Mengembangkan fitur sebelum live
  • Mengetes tampilan atau fungsi situs

✅ Langkah 1: Install XAMPP

  1. Kunjungi https://www.apachefriends.org
  2. Download versi XAMPP sesuai OS kamu (Windows, Linux, atau MacOS)
  3. Instal XAMPP seperti biasa
  4. Buka XAMPP Control Panel
  5. Klik Start pada Apache dan MySQL — pastikan warnanya hijau

✅ Langkah 2: Letakkan File Website di htdocs

  1. Buka folder C:\xampp\htdocs
  2. Buat folder baru, misalnya: inpidisite
  3. Salin file website ke folder tersebut (misalnya index.php, style.css, dll.)
    Akses website melalui browser: http://localhost/inpidisite

✅ Langkah 3: Buat Database (Jika Website Dinamis)

Jika websitemu menggunakan database (misalnya WordPress, Laravel, atau website PHP dinamis):

  1. Akses http://localhost/phpmyadmin
  2. Klik New lalu buat database, contoh: db_inpidi
  3. Ubah konfigurasi koneksi database di file seperti .env, config.php, atau wp-config.php:

DB_HOST = localhost
DB_NAME = db_inpidi
DB_USER = root
DB_PASSWORD =


✅ Langkah 4: Akses Website di Browser

Setelah file dan database sudah siap, tinggal akses: http://localhost/inpidisiteJika berhasil, websitemu akan tampil seperti di hosting online.


Bonus: Cara Menjalankan WordPress di Localhost

  1. Download WordPress dari wordpress.org
  2. Ekstrak ke htdocs, misalnya ke folder htdocs/inpidiwp
  3. Buat database di phpMyAdmin, contoh: wp_inpidi
  4. Akses http://localhost/inpidiwp
  5. Ikuti proses instalasi (isi nama database, user root, password kosong)

Penutup

Menjalankan website di localhost sangat berguna sebelum mempublikasikannya ke dunia. Dengan XAMPP, kamu bisa membuat, mengedit, dan menguji website dengan bebas tanpa biaya hosting. Setelah semua siap, kamu tinggal lanjut ke tahap upload ke hosting dan domain.Semoga tutorial ini bermanfaat. Jika kamu punya pertanyaan, tulis di komentar ya!


Referensi:

 

Tulisan Lainnya
Platform E-Commerce Premium dengan Desain Modern dan Fitur Lengkap

Ditulis oleh: Admin INPIDI Pendahuluan TokoModern hadir sebagai solusi e-commerce premium yang menggabungkan desain modern, performa tinggi, dan pengalaman pengguna yang intuiti

31/05/2026 12:30 - Oleh Admin INPIDI - Dilihat 51 kali
Transformasi Digital Institusi: Membangun Landing Page & CMS Dinamis Berbasis PHP untuk Prodi Perhotelan

Di era digital saat ini, kecepatan dalam memperbarui informasi adalah kunci utama bagi institusi pendidikan untuk tetap kompetitif. INPIDI Digital Solutions baru saja menyelesaikan proy

27/05/2026 04:11 - Oleh Admin INPIDI - Dilihat 48 kali
Link Undangan Canva Pro Gratis Mei 2026

Canva adalah platform desain grafis populer yang digunakan jutaan kreator di seluruh dunia. Dari membuat konten media sosial hingga presentasi profesional, Canva menawarkan berbagai fit

02/05/2026 10:30 - Oleh Admin INPIDI - Dilihat 10 kali
Link Undangan Canva Pro Gratis April 2026

Canva adalah platform desain grafis populer yang digunakan jutaan kreator di seluruh dunia. Dari membuat konten media sosial hingga presentasi profesional, Canva menawarkan berbagai fit

01/04/2026 10:00 - Oleh Admin INPIDI - Dilihat 73 kali
Link Undangan Canva Pro Gratis Maret 2026

Canva adalah platform desain grafis populer yang digunakan jutaan kreator di seluruh dunia. Dari membuat konten media sosial hingga presentasi profesional, Canva menawarkan berbagai fit

01/03/2026 08:05 - Oleh Admin INPIDI - Dilihat 28 kali