Joomla Local Environment Set up using XAMPP

  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
User accounts tab in phpMyAdmin
  • Click on Add user account and add Username, Password and Re-type password.
Add user account in phpMyAdmin
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
Select privileges for a user account
  • You have successfully created a user account.
Successfully created a user account
Successfully created a user account
  • 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
Commands to install Joomla
Commands to install Joomla
  • You have successfully installed Joomla.
  • 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 in Joomla
Setup Site Name
  • Fill in the required details and click on Setup Database Connection.
Joomla Login Data
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
Joomla Database Configuration
  • It will take time to install and click on Open Administrator.
Joomla Successful Installation
Joomla Successful Installation
  • Enter Administrator login credentials and Log in
Joomla Administrator Login Page
Joomla Administrator Login Page
  • Enable Joomla Statistics, if you want.
Joomla Administrator Dashboard
Joomla Administrator Dashboard
  • For testing, please install Testing Sample Data and Blog Sample Data.
Testing and Blog Sample Data
Testing and Blog Sample Data
  • After installation, visit localhost/joomla-cms in the browser.
Joomla Frontend Site
Joomla Site
  • 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.

--

--

--

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

React Crash Course — Styling the Application

Easiest way to learn Angular JS

heroku server, client setting

Edit/Update Page Implementation in JQuery and Grails

Understanding gotchas with un-mounting using useEffect hook— React

Transcribe an Audio File into Text with Azure Cognitive Service as a Web App

DOM Manipulation In JavaScript

JavaScSpread & Rest Operators

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
Rishabh Ranjan Jha

Rishabh Ranjan Jha

More from Medium

How to pass ENV variables from Github Secrets + Github Actions and onto a Dockerfile Container (The…

Github Action Secrets

So… do you use Kubernetes?

Configure Application Auto Scaling to manage Lambda provisioned concurrency on a schedule

Project 2 : Simple I/O Program Using ESP32