Building Ecommerce Website With PHP Lumen Laravel And Nuxtjs

Building Ecommerce Website With PHP Lumen Laravel And Nuxtjs

In this series we will build an e-commerce website using Lumen as backend (microservices framework) and Nuxtjs as frontend framework. In this series we will address some important points not only in e-commerce sites development but also on how to make good use of frameworks like Lumen and Nuxtjs.

 

 

 

Overview

Building ecommerce websites is the most demanded request these days among variety of clients so i decided to write this series in which i will cover some concepts in e-commerce websites. E-commerce websites range from simple websites to complex ones for example there are multi vendor websites where vendors can register their products on the website.

Also there are domain driven country based sites (also called tenant based) where the website merge multi vendor websites located in different countries, there are a lot of examples like Epay and amazon. Also there are websites that sell specific products, these products can be added and controlled from admin panel, these websites called single vendor website. In this series we will focus on building single vendor websites where the company of client can add their own products from admin panel.

 

Requirements

  • Lumen 7.0 the micro services framework (Based on Laravel framework) as the backend framework.
  • Nuxtjs framework (Based on Vuejs framework) as the frontend framework.
  • Vuejs knowledge.
  • Vuex store.
  • Webservices knowledge.
  • JWT Authentication.

 

Website Features

  • Admin Panel
  • Users Module
  • Categories and Subcategories Module
  • Products Module
  • Orders Module
  • Search Page With Filters
  • Wishlist
  • Shopping Cart
  • Shipping Addresses
  • Checkout With Paypal and Cash Payment

 

The videos shown here demonstrate the website in action

The dashboard

The website

 

Source Code

You can clone the source code of the lumen and nuxt projects from these links with the steps to install the use the project.

Download Lumen ProjectDownload NUXTJS ProjectDownload Website Template

 

 

 

 

Start Part 1: Preparing Project

 

 

0 0 vote
Article Rating
Share this: