Backend DevelopmentFrontend DevelopmentVueJs Tutorials

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

 

 

4.5 2 votes
Article Rating

What's your reaction?

Excited
0
Happy
0
Not Sure
0
Confused
1

You may also like

Subscribe
Notify of
guest
6 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Moussa Sangaré
Moussa Sangaré
2 months 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

Dai Software
1 month ago

The blog is absolutely fantastic! Lot of great information which can be helpful about benefits of developing website. Keep updating the blogs.
<a href=”https://www.daisoftware.com/Products/Multi-Vendor-eCommerce-Website-Development” data-href=”https://www.daisoftware.com/Products/Multi-Vendor-eCommerce-Website-Development” title=”multi vendor marketplace india”>multi vendor marketplace india</a>

Mohsen
Mohsen
11 days ago

Hi Wael,
thank you for even mentioning that lumen is this capable man. i have read everywhere that lumen cannot handle even a small eCommerce app. But you proved that it can and it does.
as i am very new in Laravel/Lumen and PHP itself, please tell me what are the most important limitation when using Lumen instead of Laravel in an eCommerce App?

thank you man, appreciate your great job…