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:

Published by

Wael Salah

I'm a senior software developer focused mainly on web development with PHP and mysql, i have worked with many web tools and frameworks like Laravel, Codeigniter, and also client side frameworks like React, I love learning new tools and techs , I love writing technical blog posts related to my field. View all posts by Wael Salah

Subscribe
Notify of
2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Moussa Sangaré
9 days ago

Hi, thank for this project.
I try trun your project but a get an erro like that Access to XMLHttpRequest at ‘http://localhost/online-shop-backend/public/api/category/menutree’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Please can you help me again