Build & Deploy a Laravel 12 E-Commerce App | Products & Variants | Compare Prices | Part 1

Опубликовано: 17 Март 2026
на канале: code with SJM
4,972
127

Learn how to build a production-ready, full-stack E-commerce application from scratch using the TALL Stack and the all-new Filament PHP v4!

In this comprehensive tutorial, we go beyond the basics. You will learn how to build a beautiful customer-facing storefront using Tailwind, Alpine.js, Laravel, and Livewire, while simultaneously creating a powerful admin panel using Filament v4.

Get 20% OFF on Hostinger Today!
Looking for fast, reliable, and affordable web hosting? Hostinger is my top choice, and now you can get 20% OFF using my special link!
Exclusive Deal: Use my link to claim 20% OFF your hosting plan!
👉 Click Here: https://hostinger.com?REFERRALCODE=1S...

👇 What we will build in this video:
We are building a fully functional online store with features you actually need in the real world:
Stripe Payment Integration: Secure checkout flow.
Advanced Product Management: Handle product variants (Size, Color) and inventory.
Coupons & Discounts: Dynamic discount code system.
Admin Power Tools: Import & Export data (CSV/Excel) seamlessly.
High Performance: Lazy loading for fast page speeds.
Filament v4 Admin Panel: Utilizing the latest v4 features for a modern dashboard.

Tech Stack Used:
Framework: Laravel
Admin Panel: Filament PHP v4
Frontend: Blade, Livewire, Alpine.js, Tailwind CSS (TALL Stack)
Database: MySQL/SQLite

🔗 Project Links:
Source Code (GitHub): https://github.com/shadrackjm/e-commerce
Query Scopes Doc: https://laravel.com/docs/12.x/eloquen...
Watch Part 2 here:    • Build & Deploy a Laravel 12 E-Commerce App...  

Timestamps:
00:00 Intro & Demo
36:06 Project Setup
39:13 Database Setup
41:37 Models and Migrations Creation & Editing
2:41:40 Installing FIlament Shield Plugin
2:51:00 Creating the Filament Resources
5:47:00 Adding Filament Widgets

#Laravel #FilamentPHP #TallStack #Ecommerce #WebDevelopment #Livewire #Stripe