konfigurasi vhost untuk custom domain di server lokal windows

Untuk para pengembang web aplikasi mungkin hal ini bukan menjadi sesuatu hal yang asing, dimana kita tidak perlu mengakses folder kerja dengan url localhost/folder_kerja. konfigurasi vhost memungkinkan kita mengakses folder kerja yang kita buat dengan domain yang kita inginkan, hal ini tentunya membuat kita terlihat lebih profesional. :D
hal pertama yang perlu kita lakukan adalah dengan mengedit file hosts yang berada di C:\Windows\System32\drivers\etc. Buka file tersebut menggunakan text editor dan tambahkan kode seperti gambar dibawah:

Pada bagian new setting anda dapat memasukkan custom domain sesuai dengan keinginan anda. Sampai step ini anda dapat mencoba menjalankan apache dan mencoba custom domain yang telah dibuat, akan tetapi hasilnya anda akan diredirect ke localhost/xampp, belum ke folder kerja.
Langkah berikutnya adalah dengan mengedit file httpd-vhost.conf yang berada di E:\xampp\apache\conf\extra [note: sesuaikan dengan tempat anda menginstall web server]

tambahkan kode seperti baris yang bertanda border merah dengan catatan pada baris serverName sesuaikan dengan custom domain yang telah kita buat sebelumnya, dan documentRoot merupakan tempat folder kerja yang akan kita akses.
setelah langkah tersebut sekarang coba jalankan apache dan akses custom domain di browser kesayangan anda.