MacOS XAMPP, setup example.com website

To set up a website with XAMPP on macOS and create a virtual host for it, you can follow these steps:

  1. Open the Terminal application on your Mac.
  2. Navigate to the XAMPP directory by typing the following command:
    cd /Applications/XAMPP
  3. Once you are in the XAMPP directory, navigate to the Apache configuration folder by typing the following command:
    cd etc/apache2
  4. In the Apache configuration folder, you will find a file called httpd.conf. Open this file in a text editor such as nano or vim by typing the following command:
    sudo nano httpd.conf
  5. In the httpd.conf file, locate the following line:
    # Virtual hosts
    # Include etc/extra/httpd-vhosts.conf
  6. Remove the # at the beginning of the second line to uncomment it.
  7. Save and close the httpd.conf file.
  8. Navigate to the Apache extra configuration folder by typing the following command:
    cd extra
  9. In the extra folder, you will find a file called httpd-vhosts.conf. Open this file in a text editor by typing the following command:
    sudo nano httpd-vhosts.conf
  10. At the bottom of the file, add the following code to create a virtual host for your WordPress website:
    <VirtualHost *:80>
        DocumentRoot "/Applications/XAMPP/htdocs/example.com"
        ServerName example.com
        ServerAlias www.example.com
        ErrorLog "/Applications/XAMPP/logs/example.com-error_log"
        CustomLog "/Applications/XAMPP/logs/example.com-access_log" common
        <Directory "/Applications/XAMPP/htdocs/example.com">
            AllowOverride All
        </Directory>
    </VirtualHost>
  11. Replace “example.com” with your website’s domain name.
  12. Save and close the httpd-vhosts.conf file.
  13. Restart Apache by typing the following command:
    sudo /Applications/XAMPP/xamppfiles/bin/apachectl restart
  14. Download and install WordPress into the newly created directory (example.com in this example) by following the instructions on the WordPress website.
  15. Open your web browser and type in your website’s domain name (e.g. http://example.com) to access your WordPress website.

Discover more from Jorge Saldívar

Subscribe now to keep reading and get access to the full archive.

Continue reading