Laravel E-Commerce Application Development – Initial Project Setup

Laravel E-Commerce Application Development - Initial Project Setup

Laravel E-Commerce Application Development ( 6 Lessons )

In this course, you’ll learn how to create an E-Commerce Website from scratch in Laravel. The process has never been easier I’ll take you from the very beginning stages of setting up Laravel till the last steps of adding products to the cart. If you’ve good understanding & experience in PHP & MySQL then this course is for you.

see full series
  1. Laravel E-Commerce Application Development – Introduction
  2. Laravel E-Commerce Application Development – Initial Project Setup
  3. Laravel E-Commerce Application Development – Assets Setup Using Laravel Mix
  4. Laravel E-Commerce Application Development – Admin Model and Migration
  5. Laravel E-Commerce Application Development – Backend Admin Authentication
  6. Laravel E-Commerce Application Development – Base Controller and Repository

Spread the word! Share with your fellow developers.

This is the first part of Laravel E-Commerce Application Development tutorial series, in this part we will create a new Laravel application and set up a Git repository for our project.

I assume you already have a development environment setup, which means you have PHP, MySQL, Composer and Git installed on your machine. If you are using Mac you can use MAMP Server and if you are on Windows, then you can use Wamp Server, Xampp Server or Laragon.

If you are using the Laragon, then you can quickly create a Laravel application using Lragon Documentation.

Creating Laravel Application

If you have installed Laravel installer then you can run the laravel new ecommerce-application to create a new application.

I will be using Composer to create Laravel application by running the below command.

composer create-project --prefer-dist laravel/laravel ecommerce-application

When composer finish creating Laravel application, go to the ecommerce-application folder and run below
command in your command line terminal.

php artisan serve

Now if you load localhost:8000 in your browser, you will be presented with the Laravel’s welcome view.

Laravel Welcome Screen
Laravel Welcome Screen

Setting Up Github Repository

Now we will set up a new Github repository, for that login to your Github account and create a new repository called

Now we need to initialize the git inside ecommerce-application folder, for that go to terminal and run
the below commands.

git init // initialize a new git repository
git add . // add all files to git
git commit -m "initial commit" // commit all files

Next, we need to add the remote origin of our Github repository, run below command:

git remote add origin

Replace the Github repository link with your one.

Now push all files to Github.

git push -u origin master

At this stage, our project has been pushed to Github repository.

Frontend and Backend Templates

As I mentioned in my last post, we will be using the Vali Admin template for backend and Bootstrap Ecommerce UI Kit for frontend.

From ecommerce-application-templates repository you can find both html templates.

Bootstrap E-commerce UI Kit comes with a lot of different components, I have trimmed down the default templates and created what we will need for this series.

Here is the look of finalized templates:


Home Page
Home Page

Catalog List Page

Catalog List Page
Catalog List Page

Product Detail Page

Product Detail Page
Product Detail Page

Shopping Cart






In the next part of this series, we will start integrating both frontend and backend templates into our Laravel application by creating layouts.

11 comments on “Laravel E-Commerce Application Development – Initial Project Setup

Leave a Reply

Your email address will not be published. Required fields are marked *



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

What's New in Laravel 5.8
Laravel 5 was released in February 2015 and current Laravel 5.7 was released in September 2018. We should be expecting...