How to install a local web server on your Windows Pc

Why install our builder locally ?

There are many good reasons to set up our html builder on your local hard drive, but the most important is undoubtedly the one that concerns speed and performance. Since everything is on your own hard drive and not on a server, loading times tend to be much quicker, resulting in a more efficient workflow.

Setting up a Local Environment with XAMPP

XAMPP stands for Cross-Platform (X), Apache (A), MySQL (M), PHP (P) and Perl (P). It is a simple, lightweight Apache distribution that makes it extremely easy for developers to create a local web server. Everything you need to set up a web server – server application (Apache), database (MySQL), and scripting language (PHP) – is included in a simple extractable file.

How to Install XAMPP?

XAMMP is hosted over at the Apache Friends website. Visit the download page and download a XAMPP installer for windows.

Once it’s downloaded, double-click on on the executable to launch the setup wizard and begin the installation.
During the install process, you may receive warnings such as Windows asking you if you’re sure you want to install the software and the installer prompting you about antivirus software. As you would when installing any software on Windows, use your best judgment, but you probably want to click “Yes” to continue with the install.

The XAMPP setup wizard will guide you through the installation. Click Next.

In the next window you will be asked to select which components of the software you would like to install and which ones you don’t want. The Apache server environment and PHP are activated by default.

To use the builder this two options are enough. But if you want to enrich the installation in order to be used also in the future (with wordrpress for example), you can leave MySQL and phpMyAdmin checked and uncheck the remaining options.

After selecting the components, you will be prompted to specify a location where you want to install XAMPP. Once you specify the location, the setup will be ready to install.

Since we're not going to install WordPress or Drupal or Joomla in this tutorial, uncheck the box “Learn more about Bitnami for XAMPP” and click Next.

Once installed, Check option "Do you want to start the Control Panel now?" and click Finish.

The Control Panel will automatically open, but if you unchecked the option in the prevous window, you can go to the XAMPP folder on you computer and open XAMPP Control Panel instead.

If the installation process went well and everything is running smoothly, you should be looking at a Control Panel similar to the one below. Click Start next to Apache under the Actions header to get going.

Visit http://localhost in a browser of your choice and you should see the default XAMPP homepage being served by Apache from your local /htdocs directory.

Remember that the folder to place the "Builder" is in htdocs, inside path that you decide before. In this case, my folder htdocs is in C:\xampp\htdocs.

Note. Xampp Port Issue. By default, XAMPP is configured to use ports 80 and 443 for Apache. If these are already in use by other applications, you’ll receive an error and need to quit the other programs.

Below you can find a list of useful articles to fix this problem:
- Common Issues with XAMPP on Windows 10
- How to solve issue – Port 80 in use by system
- How to Solve XAMPP Problem Port 80, 443 in use by Skype
- Port 80 in use by “Unable to open process” with PID 4! 12