CF

Build an e-commerce platform

14h 19m 18s
English
Paid

You build a full e-commerce platform step by step.You use a Laravel API and a Nuxt frontend to create clear and stable features. You set up products with clean price logic, custom options, and stock rules. You also handle checkout, shipping, and payment flows, including saved cards.

What You Will Build

You create a real store flow from the ground up. You learn how each part fits into the system. You write code that is easy to read and simple to test.

Product System

  • Create products with options and variants.
  • Store prices and stock in a safe and clear way.
  • Keep product data easy to change over time.

Checkout Flow

  • Build a clean cart and checkout process.
  • Add shipping rates that change based on items.
  • Use payment methods, including saved cards.

API and Frontend

You use Laravel to build the API. You add routes, models, and rules that act as the core of the store. On the frontend, you use Nuxt to fetch data, manage state, and render pages.

Laravel API

  • Build clear endpoints for all store actions.
  • Add request rules to keep data safe.
  • Return clean JSON for the frontend.

Nuxt Frontend

  • Show product lists and product pages.
  • Handle cart state and user actions.
  • Guide users through checkout.

Who This Course Helps

This course is for you if you know basic Laravel or JS and want to build a full store. You gain hands-on practice with features that real stores use.

About the Author: Codecourse

Codecourse thumbnail

Codecourse is a UK-based PHP / Laravel video tutorial platform founded by Alex Garrett in 2015. The platform is one of the longer-running independent Laravel education sources and has built a substantial catalog of focused screencasts on the framework and its surrounding ecosystem.

The course catalog covers Laravel in depth (the framework's evolution from version 5 through current), Vue.js (often paired with Laravel for full-stack work), Inertia.js, Livewire, the testing tracks (Pest, PHPUnit), Laravel package development, the deployment side (Forge, Vapor), and a long list of focused topic series. Material is screencast-format, typically broken into 3-7 minute focused lessons.

The CourseFlix listing under this source carries 10 Codecourse courses spanning that range. Material is paid; Codecourse runs on a monthly / annual subscription on the original platform. Courses are aimed at PHP developers building production Laravel applications.

Watch Online 126 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 126 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction and dem
All Course Lessons (126)
#Lesson TitleDurationAccess
1
Introduction and dem Demo
06:11
2
Setting up Laravel
03:28
3
Setting up Nuxt and Bulma
07:27
4
Setting up for testing
02:57
5
Building the category model
15:01
6
Category index endpoint
12:24
7
Showing categories and children
14:30
8
Simple products
03:08
9
Product index endpoint
07:55
10
Product show endpoint
04:03
11
Showing a product
03:51
12
Hooking up products to categories
03:17
13
Scoping products by category
14:41
14
Simple CORS support
01:17
15
Showing products in categories
08:04
16
Product variations
09:02
17
Product variation types
12:55
18
Fixing failing tests for the product index
02:58
19
Quick scoper trait refactor
01:03
20
Product prices
11:06
21
Product variation prices
07:43
22
Updating the client prices
00:50
23
Showing product variations
05:01
24
Showing if the product variation price differs
01:11
25
Selecting product variations to add
09:52
26
Product stock blocks
06:49
27
Basics orders to test stock
05:10
28
Product stock database view
13:35
29
Product variation stock checks
09:12
30
Showing if a variation is out of stock
01:16
31
Base product stock information
04:59
32
Showing if a product is out of stock
01:05
33
Updating dropdown with stock count
03:36
34
JSON response profiling
08:07
35
Setting up authentication
03:53
36
Registering a user
13:07
37
Authenticating a user
07:48
38
The me endpoint
07:37
39
Authenticating on the client
07:46
40
Updating the navigation
02:19
41
The user cart relationship
05:57
42
Adding items to the cart
23:35
43
Incrementing quantity when adding
04:18
44
Updating product cart quantities
10:15
45
Deleting cart products
04:27
46
Emptying the cart
01:42
47
Getting the user’s cart
12:01
48
Getting the cart for every request
04:27
49
Building the cart page
09:59
50
Deleting cart items
03:26
51
Updating cart item quantities
03:39
52
Checking if the cart is empty
05:06
53
Disabling the checkout button
02:36
54
Getting the cart totals
06:09
55
Showing the cart subtotal
02:52
56
Syncing the cart
10:28
57
Testing minimum stock
01:14
58
Getting changed status on the client
01:52
59
Showing the product variation type
01:04
60
SQL optimizations
03:58
61
Adding items on the client
03:42
62
Countries table
02:37
63
Addresses setup
07:33
64
Listing addresses
05:27
65
Storing an address
09:55
66
Toggling default addresses
05:49
67
Building the checkout page
07:42
68
Showing the default address
08:38
69
Switching the shipping address
08:52
70
Creating a new shipping address
07:37
71
Countries endpoint
02:44
72
Country dropdown selector
04:31
73
Creating shipping methods
04:07
74
Hooking up shipping methods to countries
06:04
75
Getting the right shipping methods for an address
11:42
76
Using v-model with a shipping address
02:16
77
Outputting available shipping methods
03:41
78
Adding shipping onto the subtotal
14:00
79
Displaying shipping price and total at checkout
09:54
80
Fixing shipping error on checkout
01:40
81
Adding address and shipping method relation to orders
08:50
82
Order statuses and defaults
05:46
83
Basic order validation
12:04
84
Custom shipping method validation rule
07:07
85
Creating an order
09:59
86
Revisiting orders and product relations
04:58
87
Fixing cart store failing test
01:27
88
Attaching products when ordering
10:40
89
Refactoring to a custom collection
07:57
90
Failing if the cart is empty
04:07
91
Emptying the cart when ordering
06:37
92
Returning order details
07:41
93
Fixing up failing order test
01:14
94
Placing orders from the checkout
07:08
95
Warning users of cart changes, plus some refactoring
14:56
96
Alerting on checkout changes
11:53
97
Fixing the quantity UI bug
03:35
98
Orders endpoint
09:33
99
Formatting order total and subtotal
05:33
100
Order index setup
02:50
101
Listing through orders
11:36
102
Product variation product relationship
05:46
103
Updating product variations in orders
02:13
104
Refactoring statuses to dynamic components
05:35
105
Fixing a syncing bug
05:26
106
Setting up payment methods
11:00
107
Refactoring defaults to a trait
04:10
108
Payment methods index endpoint
07:07
109
Showing and switching payment methods
11:08
110
Attaching payment methods to orders
11:23
111
Setting up Stripe
02:37
112
Mocking up our payment gateway
11:41
113
Storing a payment method
17:59
114
Responding with a card and writing some tests
11:08
115
Storing a new card with Stripe
15:01
116
Event handler for processing the payment
04:37
117
Processing a payment
05:19
118
Handling a failed payment
07:20
119
Handling a successful payment
02:41
120
Fixing failing 'cart empty' test
03:42
121
Testing listeners
10:04
122
Using Mockery to test more complex listeners
15:10
123
Client authentication middleware
06:12
124
Tweaking order status components
03:34
125
Order transactions setup
04:48
126
Storing transactions
04:16
Unlock unlimited learning

Get instant access to all 125 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What are the prerequisites for enrolling in this course?
This course is designed for individuals who have a basic understanding of Laravel or JavaScript. Familiarity with these technologies will help students follow the course material effectively as they build a full e-commerce platform using Laravel for the backend and Nuxt for the frontend.
What will I build by the end of the course?
By the end of the course, you will have created a fully functioning e-commerce platform. This includes a product system with options and variants, a clean and efficient checkout flow incorporating shipping and payment methods, and a stable API built with Laravel. The frontend, developed with Nuxt, will feature product listings, cart management, and user checkout processes.
How does this course compare in depth and scope to other e-commerce courses?
This course provides a comprehensive guide to building an e-commerce platform from scratch, focusing on both backend and frontend development. Unlike some courses that might only cover one aspect of e-commerce, this course ensures students gain hands-on experience with building a complete store, including product management, checkout processes, and API development using Laravel and Nuxt.
What specific tools and platforms will I learn to use?
You will work extensively with Laravel to construct the backend API, including defining routes, models, and validation rules. For the frontend, you will use Nuxt to manage state and render pages, while integrating Bulma for styling. These tools are essential to building scalable and efficient e-commerce applications.
What topics are not covered in this course?
This course does not cover advanced topics such as SEO optimization for e-commerce sites, advanced marketing strategies, or integration with external analytics tools. The focus remains on the technical implementation of the core functionalities needed to run an e-commerce platform.
How much time should I expect to commit to this course?
The course consists of 126 lessons, with a detailed walkthrough on building an e-commerce platform. Although the total runtime is not specified, students should be prepared to dedicate several hours per week to complete the lessons, practice coding, and test their implementations.
How will the skills learned in this course benefit my career?
The skills acquired in this course will be valuable for careers in web development, particularly in roles involving full-stack development. Understanding how to build a complete e-commerce platform enhances your ability to work on similar projects, making you a desirable candidate for companies seeking developers with practical experience in building scalable applications.