How to Install Joomla 4 on Localhost Using XAMPP

Disclaimer: Your support helps keep JovialGuide running! Our content is reader-supported. This means if you click on some of our links, we may earn a commission.

Do you want to install Joomla 4 locally using XAMPP? Joomla has made a significant improvement after the release of Joomla 4. The steps to install Joomla 4 is different from Joomla 3 and older. Joomla is known as the second most popular CMS aftr WordPress because of how powerful and flexible it is. When you work with Joomla locally on your computer, it allows you build Joomla sites easily and faster, learn Joomla, test Joomla, etc., without paying for anything. If you want to learn or build Joomla sites faster, then install Joomla on localhost. In this JovialGuide, we will show you how to install Joomla 4 on localhost using XAMPP.

Technical Requirements to Install Joomla 4

To install Joomla 4 on localhost, you will have to meet the technical requirements needed to install Joomla 4 smoothly.

Here are the technical requirements needed to install Joomla 4:

  • PHP – Since Joomla is written in PHP, your webserver has to have at least PHP 7.2.5 to be able to install Joomla 4
  • MySQL – At least MySQL 5.6 is required
  • PostgreSQL – A minimum of PostgreSQL 11 is required to install Joomla 4

If you need to install Joomla on a live server, we recommend A2 Hosting. You can see the to learn more.

How to Install Joomla 4 on Localhost Using XAMPP

For this JovialGuide, we will use XAMPP to install Joomla 4 locally. It is an acronym that stands for Cross-platform Apache MariaDB PHP Perl. XAMPP is a cross-platform (X-platform) software. This means that it can be used across different operating systems. XAMPP comes with a webserver and a database server, so there is no need to download and install them individually.

Step 1: Install & Setup XAMPP

Follow this link to download XAMPP from their official website.

Install XAMPP once it is downloaded. After that, to verify if XAMPP is successfully installed, goto http://localhost via your web browser. If you see the screenshot below, then XAMPP has been successfully installed.

Localhost Dashboard

To setup XAMPP, right click and open the XAMPP software. After that, you will notice that Apache, MySQL, etc., are not started. We need to start Apache and MySQL so that we can install Joomla 4 locally. Now click on the Start buttons next to Apache and MySQL to start them. Notice that the text on the buttons have changed to Stop. This means that they are running.

Start XAMPP Services

Note – if Apache and MySQL are already started, then you can proceed to the next step.

Step 2: Download and Extract Joomla 4 to the htdocs Folder of XAMPP

We need a copy of Joomla 4. Download Joomla 4 from the official site. After that, we will have to extract the downloaded Joomla 4 to the htdocs folder of XAMPP. For Windows user, the htdocs folder might be located in the C drive – C:/xampp/htdocs. Or you can easily find it in the drive you installed XAMPP to. When you find it, extract the Joomla 4 files to the htdocs folder inside of XAMPP.

For Mac OS users, you might find it here – /Applications/XAMPP.

Make sure the extracted Joomla 4 files are inside a folder that is inside htdocs. The path should look like this xampp/htdocs/extracted-joomla. The extracted-joomla folder can have any name.

After extracting Joomla, rename the extracted Joomla folder to any name you can easily remember because we will make use of it later, example: joomla4.

Step 3: Create a MySQL Database

We need a database where Joomla data will be stored. XAMPP comes with phpMyAdmin included. We will use it to create a database for our Joomla website.

To create a MySQL database using phpMyAdmin, goto http://localhost/phpmyadmin via your web browser.

After that, on the sidebar of phpMyAdmin, click on New to create a new database for your Joomla installation. Alternatively, you can click on Databases on the top bar of phpMyAdmin.

Click on New on phpMyAdmin Sidebar

Now enter the name you want to use as your database name and click the Create button to create a database.

phpMyAdmin Create New Database

Step 3: Install Joomla 4

This is the time to install Joomla 4. Remember the extracted Joomla folder you renamed? We will make use of it now.

Note that the field marked with * (asterisked) is required.

Enter localhost/ followed by the name of the extracted Joomla folder. If you renamed it to joomla4, then add it to the end of localhost. Example http://localhost/joomla4.

Once you do everything well, you will be presented with the Joomla installer.

On the Joomla installer:

  • Select Language – This is the language that will be used throughout your Joomla website
  • Enter the name of your Joomla site – Type the name of your Joomla site. This field will be used as your site name. Note – this field is required, so, it cannot be left empty

When you finish, click the Setup Login Data button to proceed to the next installation stage.

Joomla Installer

Step 3: Setup Login Data

This is the stage where you will setup your login details.

On this page:

  • Enter the real name of your Super User * – This field requires the real name of the super user
  • Set the username for your Super User Account * – Enter the username you would like to use as nice name of the super user
  • Set the password for your Super User Account * – Enter the password for the super user account you are creating. Make sure it is strong enough. See our ultimate Joomla security guide for more
  • Enter the email address of the website Super User * – This will be used as the administrative email for this super user account

When you finish, click the Setup Database Connection button to proceed to the next installation stage

Joomla Setup Login Data

Step 4: Configure Database

This is the stage where you will configure your database. Remember the database we created earlier? We need it in this stage!

On this page:

  • Select the database type * – Go ahead and select MySQLi as the database type
  • Enter the host name, usually “localhost” or a name provided by your host * – For host name, use localhost
  • Either a username you created or a username provided by your host * – This field requires a database username. The default username for XAMPP is root. So enter root. If you had already created a database user, then enter the username here
  • Either a password you created or a password provided by your host * – XAMPP provides a default database username as well as password for the user. Now, leave the password field blank to use the default XAMPP database password. Be sure there are no spaces. If you had already created a database user, then enter the user password here
  • Enter the database name * – Remember the database we created via phpMyAdmin? This is the time we will make use of it! Now enter the database name you created in the early stage of this JovialGuide
  • Enter a table prefix or use the randomly generated one * – Here you can enter a table prefix to be used or leave the randomly generated prefix untouched. If you are entering a table prefix, make sure it is 5 character long (letters and numbers) and ends with an underscore
  • Connection Encryption * – For this field, leave the Default (server controlled) option

Now click the Install Joomla button to start installing Joomla 4 on localhost.

Joomla Installation - Database Configuration

Congratulations, you just installed Joomla 4 on localhost.

After you have installed Joomla 4, you can either go ahead and:

  • Install Additional Languages – if you need to install additional languages to your Joomla 4 site, then click on this button
  • Complete & Open Site – to go to the frontend of your Joomla 4 site
  • Complete & Open Admin – to go straight to the admin panel

If you need to install Joomla on a live server, we recommend A2 Hosting. You can see the to learn more.

We hope this JovialGuide helped you learn how to install Joomla 4 on localhost using XAMPP.

See other of our Joomla tutorials for more.

You Might Also Like

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.