Joomla Local Environment Set up using XAMPP

Hi

In this blog, you will know how to set up a Joomla local environment using XAMPP. You will need the following tools to install Joomla:

• Git: https://git-scm.com/downloads
• XAMPP: https://www.apachefriends.org/index.html
• Composer: https://getcomposer.org/download/
• Node.js: https://nodejs.org/en/

You can download all the tools from the given link.

1. You have to create a user account in phpMyAdmin for MySQL. Follow the below steps to create a user account:

• Go to User accounts tab in phpMyAdmin.

User accounts tab in phpMyAdmin

• Click on Add user account and add Username, Password and Re-type password.

Add user account in phpMyAdmin

• I have set the Username as joomla and Password as joomla. Now, select the privileges and click on Go.

Select privileges for a user account

• You have successfully created a user account.

Successfully created a user account

2. Now, it’s time to install Joomla. Follow the below steps to install Joomla:

• Inside XAMPP htdocs folder, clone the Joomla-cms Github repository:

git clone git@github.com:joomla/joomla-cms.git

• Go to the joomla-cms folder:

cd joomla-cms

• Install all the needed composer packages:

composer install --ignore-platform-reqs

• Install all the needed npm packages:

npm ci

Type the composer and npm commands in Command Prompt or Powershell, if you are using a Windows machine.

Commands to install Joomla

• You have successfully installed Joomla.

3. Now, it’s time to setup Joomla site. Follow the below steps to setup:

• Visit localhost/joomla-cms/ in the browser, it will redirect you to localhost/joomla-cms/installation/index.php , enter the site name and click on Setup Login Data.

Setup Site Name

• Fill in the required details and click on Setup Database Connection.

Joomla Login Data

• Fill in the required details. Use the username and password that you have created in phpMyAdmin and click on Install Joomla.

Joomla Database Configuration

• It will take time to install and click on Open Administrator.

Joomla Successful Installation

• Enter Administrator login credentials and Log in

Joomla Administrator Login Page

• Enable Joomla Statistics, if you want.

Joomla Administrator Dashboard

• For testing, please install Testing Sample Data and Blog Sample Data.

Testing and Blog Sample Data

• After installation, visit localhost/joomla-cms in the browser.

Joomla Site

Congrats, you have successfully setup a Joomla site for testing.

• Use npm run build:css to compile SASS files to minifies CSS files.
• Use npm run build:js to compile and transpile the JavaScript files to the correct format and create minified files.