Tutorial Laravel Splade #2 - Installasi Laravel Splade


Tutorial Laravel Splade #2 - Installasi Laravel Splade

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.

installasi

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

asset

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 :

composer

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


Rafi Taufiqurrahman
Sebaik baiknya manusia adalah yang bermanfaat bagi orang lain.

Suka dengan tulisan di SantriKoding? Kamu bisa memberikan dukungan dengan berdonasi atau bagikan konten ini di sosial media. Terima kasih atas dukungan Anda!

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami