
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 |
Course Contents
- Preparing Project
- JWT Authentication
- Preparing Admin Panel
- Categories CRUD
- Admin Categories Display
- Brands Management
- Products CRUD
- Admin Products Display
- Users Management
- Preparing Website Template
- Website Home Apis
- Website Home Content Display
- Prepare Shop Page
- Product Details Display
- User Login & Profile
- Shopping Cart Apis
- Shopping Cart Display
- Shipping Addresses Handling
- Checkout
- Orders Management
- Real-time Notifications
- Wishlist Display
- Contact Form
- Finishing
Start Part 1: Preparing Project
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
This sometimes happens if you have addons or extensions in your browser that blocks the incoming request, try disabling these addons.
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>
Thanks for your feedback.
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…
– If you intend to use laravel blade views i think you have to switch to laravel as lumen is for API only.
– Also there are certain packages that work only on laravel and not work in lumen.
– Lumen is very good as an API backend when used in combination with Vuejs or Reactjs frameworks.
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
Dear author , I can’t to watch part 15 (http://webmobtuts.com/backend-development/building-ecommerce-website-with-lumen-laravel-and-nuxtjs-15-user-login-and-profile/). Could you correct this URL?
Why, what is the issue with this url
http://webmobtuts.com/backend-development/building-ecommerce-website-with-lumen-laravel-and-nuxtjs-15-user-login-and-profile/
When I click http://webmobtuts.com/backend-development/building-ecommerce-website-with-lumen-laravel-and-nuxtjs-15-user-login-and-profile/ , the page redirect to http://webmobtuts.com/jkps/ . Have you try?
Check again i cleared cache
I already reach your content. Thanks you.
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.
Yes i will describe how to deploy the website in a future tutorial