Frontend Weekly
Published in

Frontend Weekly

Temporary Web-Hosting using XAMPP and ngrok

Photo by Emile Perron on Unsplash
  1. XAMPP: It stands for Cross-platform, Apache, MariaDB(Mysql), PHP and Perl. It is a free, open-source and cross-platform tool to create a local server. It makes easy for us to test the web-app locally.
  2. ngrok: It is a multiplatform tunnelling software, which is used to establish a connection by making a tunnel in between the local server and the public endpoint such as an internet.
Warning to deactivate the UAC
XAMPP Configuration Wizard
Selecting the installation directory
Select the language
Installation Process
Finishing up the installation process
XAMPP Control Panel
Starting Apache and SQL modules
Localhost Dashboard
‘htdocs’ directory in the browser
helloworld.php file preview
cmd with a directory path as ‘Desktop’
Command: “ngrok http 80”
ngrok session with a temporary URL
ngrok generated URL
Displayed the project by URL



It's really hard to keep up with all the front-end development news out there. Let us help you. We hand-pick interesting articles related to front-end development. You can also subscribe to our weekly newsletter at

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store