pwd(this is to know what directory you are on)
cd "directory, either downloads or documents or desktop"
mkdir ~/myserver
cd ~/myserver
...

Ever downloaded a beautiful free template from ThemeWagon and thought, “Okay... now how do I actually host this like a real website?”

That’s where this guide comes in.

In this post, I’ll walk you through hosting a free HTML template on your own local Apache server, running inside a Vagrant virtual machine — all from your Git Bash terminal.

What You’ll Need

Before we start, make sure you’ve got these installed:

• 🧱 VirtualBox(for running the VM)
• 📦 Vagrant
• 💻 Git Bash(Windows users)
• 🧾 Any HTML template (download from ThemeWagon)

No coding required

Step 1 — Create a Project Folder and Initialize Vagrant

Open Git Bash and run:

pwd(this is to know what directory you are on)
cd "directory, either downloads or documents or desktop"
mkdir ~/myserver
cd ~/myserver

Now initialize your Ubuntu box:

vagrant init ubuntu/jammy64

but if you wish for any other OS check out: https://portal.cloud.hashicorp.com/vagrant/discover

This creates a Vagrantfile in your folder. It’s basically your VM’s configuration file — where you’ll define memory, CPU, and network settings.

Step 2 — Edit Your Vagrantfile Using Vim Inside Git Bash, while you are in the same directory open the Vagrantfile:

vim Vagrantfile

This will open the file in Vim editor. Press i to enter insert mode now you can start typing or editing. thereafter to Enable Private or Public Network Access, Scroll down to find these lines:

config.vm.network “private_network”, ip: “192.168.33.10”

config.vm.network “public_network”

Uncomment one of them depending on what you want: Use private network if you just want to access your site locally:

config.vm.network "private_network", ip: "192.168.33.10"

do note kindly keep the ip address here somewhere or be written down as it is useful later on, you can also change the numbers maybe like 192.168.40.15 Or use forwarded port (recommended for beginners):

config.vm.network "forwarded_port", guest: 80, host: 8080

This means anything on port 80 (inside the VM) will be visible on your local machine at http://localhost:8080. lastly to Allocate More RAM and CPUs Find and uncomment this section:

config.vm.provider “virtualbox” do |vb|

vb.memory = “1024”

end

Now edit it to give your VM more resources:

config.vm.provider "virtualbox" do |vb|
vb.memory = "2048"     # 2GB RAM
vb.cpus = 2            # 2 CPU cores
end

unless you want graphical user interface i don’t recommend uncomment the GUI line of syntax, and any line with double # is an actual comment.

Once done, press: Esc Type

:wq Hit Enter That saves and exits Vim.

Step 3 — Boot Up the Virtual Machine Now it’s time to start your virtual server: type in

vagrant up

Vagrant will download the Ubuntu image, set up the VM, and start it automatically. The first run takes a few minutes — but once complete, you’ll see your box running. Then, log in to it:

vagrant ssh

You’re now inside your Ubuntu server as the vagrant user to test you can type in:

whoami

this should return vagrant Step 4 — Install Apache Web Server while having different types os linux OS it is important to know the name of the apache server and which ubuntu supports it

sudo apt update

Install Apache:

sudo apt install apache2 -y

Start and enable it:

sudo systemctl start apache2
sudo systemctl enable apache2

Test it! On your browser, go to the ip address you have in the private ip address in the vagrant file. You should see “Apache2 Ubuntu Default Page”. Congrats — your web server works

Step 5 — Upload and Unzip Your ThemeWagon Template

Inside your server, make a folder to hold your website:

mkdir ~/server
cd ~/server
Now using wget (the themewagon download link)

_the way i usually get is by going to themewagon, inspecting the page, going to network and clicking on the template download buttonwe should see the template name, it should be :http://..... _

so by doing the same you should arrive where i am, copy the link

Then unzip it:

unzip (the foldername)

incase you have an error code about unzip not been part of the OS package use

sudo apt install unzip -y
unzip foldername

Step 6 — Move Files to Apache’s Web Root Copy everything from your extracted folder into Apache’s serving directory:

sudo cp -r ~/server/neural_glass/templatemo_597_neural_glass/* /var/www/html/

Restart Apache so changes apply:

sudo systemctl restart apache2

Step 7 — Visit Your Website!

Now, open your browser and head to: your private ip address incase your forgotten your ip address: Check your server’s IP:

If you used a private network instead of port forwarding:

ip addr show

Look for something like:

inet 192.168.33.10/24

Reboot or Halt Your Server

To stop:

vagrant halt

To start again:

vagrant up

To destroy and rebuild (when experimenting):

vagrant destroy -f && vagrant up

If this guide helped you, drop a ❤️ on DEV.to and comment how your first hosted template went or what how i can improve on deploying faster