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
Canva Pro Gratis (November 2025)

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

23/11/2025 14:55 - Oleh Admin INPIDI - Dilihat 103 kali
Canva Pro Gratis (Oktober 2025)

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/10/2025 13:26 - Oleh Admin INPIDI - Dilihat 46 kali
Tutorial Lengkap Membuat Live Chat Ai di Website Menggunakan Gemini API (GRATIS)

Saat ini banyak website pribadi maupun perusahaan sudah memakai LiveChat Ai untuk mencari informasi secara otomatis. Salah satu pilihan yang bisa digunakan adalah Gemini API (Google AI)

22/09/2025 14:49 - Oleh Admin INPIDI - Dilihat 215 kali
Tutorial Gemini Ai Part 3: Cara Membuat miniatur gantungan kunci Keren dan Lucu

Kamu ingin membuat gambar atau miniatur 3D yang keren dan unik, tapi tidak punya keahlian desain? Jangan khawatir, kamu bisa memanfaatkan kecanggihan Gemini untuk mewujudkannya! Dengan

15/09/2025 23:38 - Oleh Admin INPIDI - Dilihat 135 kali
Tutorial Gemini Ai Part 2: Cara Membuat Miniatur HBD Keren dan Lucu

Kamu ingin membuat gambar atau miniatur 3D yang keren dan unik, tapi tidak punya keahlian desain? Jangan khawatir, kamu bisa memanfaatkan kecanggihan Gemini untuk mewujudkannya! Dengan

09/09/2025 15:33 - Oleh Admin INPIDI - Dilihat 168 kali