Part 1 : Ecommerce Using LiveWire in Laravel 8 - Basic Setup | Shahul Hameed
Step 1: Create project laravel
CMD : composer create-project --prefer-dist laravel/laravel YourProjectName
Step 2 : Move to project file
Step 3 : Install Laravel - livewire framework
CMD : composer require livewire/livewire
Step 4 : Setup DB & .env
Step 5 : Create Component livewire & Setup Layouts
CMD : php artisan make:livewire HomeComponent
Code :
class HomeComponent extends Component
{
public function render()
{
return view('livewire.home-component')->layout('layouts.base');
}
}
Setup HTML Layout Page 1 :
Setup HTML Layout Page 2 :
Set path in web.php
Code : Route::get('/',HomeComponent::class);
Step 6: Create Class and View for other pages - LiveWire Framework
For ShopComponent, CartComponent and CheckoutComponent
Note: do as following for Shop and Checkout page itself
CMD : php artisan make:livewire ShopComponent
Step 7: Move Html code into correspondent livewire blade.php for demo mentioned
like below image
Step 8: Livewire component
Comments
Post a Comment