laravel_livewire_tailwindcss Tailwind Templates

Laravel_livewire_tailwindcss

Laravel Logo

Build Status Total Downloads Latest Stable Version License

About this Project

This project was built using Laravel 12, Livewire 3.6, and tailwindcss 3.1.0 to create a dynamic and interactive web application.

Scaffolding

composer create-project laravel/laravel .
composer require laravel/breeze --dev
php artisan breeze:install blade
composer require livewire/livewire
npm install
npm run dev
php artisan serve
http://127.0.0.1:8000/

config/livewire.php

php artisan livewire:publish --config

remove
'layout' => 'components.layouts.app',
add
'layout' => 'layouts.app',

resources/views/layouts/app.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        //
        <!-- Scripts -->
        @vite(['resources/css/app.css', 'resources/js/app.js'])
        @livewireStyles
    </head>
    <body class="font-sans antialiased">
        //
        @livewireScripts
    </body>
</html>

Migration

php artisan migrate --seed

Login

Dashboard Screenshot

Products

Dashboard Screenshot

Github

If you download this project from Github

composer install
npm install
connect database to .env
php artisan key:generate
php artisan storage:link
php artisan migrate --seed
npm run dev
php artisan serve

Top categories

Loading Svelte Themes