Splade merupakan sebuah paket yang mampu membuat blade
menjadi Single Page Application (SPA) tanpa menggunakan react
ataupun vue js
.
Oke langsung aja kita coba untuk lakukan installasi splade pada project laravel kita.
Langkah 1 - Installasi Splade
Silahkan buka terminal/command prompt(CMD)
teman-teman, kemudian jalankan perintah di bawah ini :
composer require protonemedia/laravel-splade
Silahkan tunggu sampai proses installasinya selesai dan pastikan terhubung dengan internet.
Langkah 2 - Membuat Asset Frontend
Setelah proses installasi splade selesai dilakukan, maka langkah selanjutnya kita akan membuat asset frontend kita, disini kita tidak akan membangunnya secara manual, akan tetapi kita akan menjalankan sebuah artisan command
yang kita dapatkan setelah melakukan installasi splade pada project laravel kita, silahkan teman-teman ketikan perintah di bawah ini pada terminal/command prompt(CMD)
:
php artisan splade:install
Setelah proses pembuatan asset frontend berhasil di jalankan, pastikan teman-teman selalu menjalankan npm run dev
pada terminal/command prompt(CMD)
, karena disini kita perlu melakukan compile secara terus menerus dan tidak lupa pastikan teman-teman juga tidak menutup perintah :
php artisan serve
Kemudian teman-teman bisa membuka web browser jika tahapan di atas sudah kita jalankan mąką tampilan dari project laravel kita akan menjadi seperti berikut ini :
Membangun Aplikasi Inventory Dengan Laravel & Tailwind CSS: https://santrikoding.com/ebook/membangun-aplikasi-inventory-dengan-laravel-tailwind-css?ref=8659VS4962
Membangun Website Online Course Dengan Laravel, Alpine.js dan Tailwind CSS: https://santrikoding.com/ebook/membangun-website-online-course-dengan-laravel-alpinejs-dan-tailwind-css?ref=8659VS4962