Your cart is empty.
Keep shoppingBuild Vue 3 & Laravel (v11–13) E-commerce Website
156 students
Build Vue 3 & Laravel (v11–13) E-commerce Website
Build a dynamic e-commerce website with Laravel (v11–13), Vue 3 Composition API, Pinia, MySQL and Bootstrap 5
Created bybelasri imad
Last updated 6/2026
English
What you'll learn
- Create dynamic, responsive user interface for e-commerce website using Vue.js 3.
- Explore Vue.js 3 component system, life cycle hooks, state management (via Pinia).
- Build out key features like product listings, shopping carts, customer accounts, checkout, implement secure payment using stripe.
- Explore advanced Laravel features such as implementing authentication, authorization, and robust API endpoints.
- Build a real-world project with Vue frontend, Laravel API backend, and Blade for the admin dashboard — all without using Laravel starter kits.
Explore related topics
Course content
28 sections • 58 lectures • 18h 27m total length
Requirements
- Good knowledge of Laravel (routes, controllers, views, migrations).
- Good knowledge of Vue.js composition API.
- Experience working with MySQL databases.
- Familiarity with HTML, CSS, and Bootstrap 5 for frontend development.
- A local development environment (we will use XAMPP).
- Visual Studio Code (VS Code) as the code editor.
Description
This course is not for beginners. It is designed for students who already have a good understanding of Laravel and Vue, including how to work with routes, components, APIs, and basic project structures.
If you are new to Laravel or Vue, please do not enroll in this course. We strongly recommend completing beginner-level tutorials or courses before joining, to ensure you can follow along and get the most out of the content.
Welcome to Build Vue 3 & Laravel (v11–13) E-commerce Website. This comprehensive course guides intermediate developers through building a fully functional, modern e-commerce website using Vue.js for the front end and Laravel for the back end.
Whether you're looking to add e-commerce functionality to a client project or start your online store, this course covers key aspects of web development, including user authentication, product management, shopping carts, payments, and order management.
By the end of the course, students will be able to create scalable, performant, and secure e-commerce websites that integrate modern JavaScript frameworks with robust backend technologies.
Technologies We Use
Laravel (v11–13) – Powerful PHP framework for building modern web applications.
Vue.js 3 – Modern JavaScript framework for building reactive frontend components.
Bootstrap 5 – For responsive layouts and styling.
MySQL – Database for app data.
Visual Studio Code (VS Code) – Code editor we will use throughout the course.
XAMPP – Local development environment (Apache, MySQL, PHP).
The course is project-based, and students will build an e-commerce website from scratch, learn how to implement complex features like shopping carts, user authentication, and payment processing, and build RESTful APIs with Laravel.
They’ll gain hands-on experience integrating Laravel with Vue to create a seamless, dynamic front end and a solid, scalable back end.
This course is perfect for developers looking to enhance their full-stack skills and gain hands-on experience with two of the most popular technologies in modern web development today.
This course assumes a good knowledge of JavaScript, Vue.js, Laravel, and basic web development concepts.
Who this course is for:
- This course is specifically designed for intermediate web developers who are looking to advance their skills in Vue and Laravel development.