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 Project Download NUXTJS Project Download Website Template

 

 

 

 

Start Part 1: Preparing Project

 

 

4.5 4 votes
Article Rating

What's your reaction?

Excited
2
Happy
4
Not Sure
0
Confused
2

You may also like

Subscribe
Notify of
guest

14 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Moussa Sangaré
Moussa Sangaré
3 years 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
3 years 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
3 years 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…

Overflow
Overflow
3 years ago
Reply to  Mohsen

Lumen is designed mostly for backend for writing api’s and querries and its faster as it doesnt contain the entire laravel dependences only those needed

Robert Tunth
Robert Tunth
3 years ago
Robert Tunth
Robert Tunth
3 years ago
Reply to  WebMobTuts

I already reach your content. Thanks you.

gwen waters
gwen waters
3 years ago

Hi, do you have a tutorial to deploy the website? I’m new at web application development so I’m still clueless on how to deploy when you have both the admin dashboard and the actual website.