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

    


    Route web.php










Comments

Popular posts from this blog

Burp Suite – Automated Vulnerabilities Findings

Havij - Advanced Automated SQL Injection

SQL Injection Attacks | Shahul Hameed