Tailwind CSS - Laravel - Livewire - Plugin Flowbite

Frondend dan Backend Tools Programming

Membuat Folder Design dan memanggil Design yang ingin di tampilkan menggunakan Laravel, Livewire, Tailwind CSS dan Plugin Flowbite

Syarat agar bisa tampil kalian harus melengkapi installan :

1. Install Gitbash / Powershell Ori Windows
2. Install NodeJS (Jika diperlukan)
3. Install XAMPP include PHP (jika menggunakan server). Jika Server error, kalian tinggal ganti Port 80 menjadi 8080
4. Install Composer
5. Install Laravel 9
6. Install Vite (build tool modern Vue.js)
7. Install Livewire
8. Install Tailwind CSS
9. Install Plugin Flowbite

---

1. Membuat Komponen Livewire :

Pertama, buat komponen Livewire menggunakan perintah artisan:

php artisan make:livewire hero-style1

Perintah ini akan membuat dua file:

1. app/Http/Livewire/HeroStyle1.php (komponen backend)
2. resources/views/livewire/hero-style1.blade.php (template frontend)

---

2. Masuk kefolder template frontend :

Selengkapnya . . .

Berbagi