Halo teman-teman semuanya, pada kesempatan kali ini kita akan belajar bersama-sama bagaimana caranya membuat sebuah Single Page Application (SPA) tanpa menggunakan react ataupun vue js melainkan kita akan membuatnya menggunakan blade. Disini kita akan memanfaatkan sebuah salah satu paket yang bernama Splade. Splade ini merupakan sebuah paket yang mampu membuat blade menjadi Single Page Application (SPA) tanpa menggunakan react ataupun vue js. Sebelum melakukan installasi pastikan teman-teman sudah menginstall composer dan versi PHP yang digunakan harus 8.1
Langkah 1 - Installasi Laravel
Silahkan buka terminal/command prompt(CMD) teman-teman, kemudian jalankan perintah di bawah ini :
composer create-project --prefer-dist laravel/laravel:^10.0 splade-tutorial
Catatan : kalian bebas memberi nama project yang akan kita buat ini, disini saya membuatnya dengan nama
splade-tutorial
Perintah diatas akan membuatkan kita sebuah project laravel baru dengan nama splade-tutorial, Silahkan tunggu sampai proses installasinya selesai dan pastikan terhubung dengan internet.

Langkah 2 - Menjalankan Project Laravel
Setelah proses installasi project Laravel selesai dilakukan, maka langkah selanjutnya adalah menjalankan project tersebut.
Silahkan teman - teman jalankan perintah berikut ini didalam terminal/command prompt(CMD).
cd splade-tutorial
Perintah cd di atas digunakan untuk melakukan navigasi ke dalam suatu folder dan di atas kita arahkan ke dalam project-nya, yaitu splade-tutorial.
Setelah berhasil masuk didalam project-nya, silahkan jalakan perintah berikut ini di dalam terminal/command prompt(CMD).
php artisan storage:link
Dan untuk perintah di bawah ini, pastikan terminal tetap di buka.
php artisan serve
Jika berhasil, maka project kita akan dijalankan di dalam localhost dengan port 8000. Teman-teman bisa membukanya di dalam web browser tengan mengetikan : http://localhost:8000.

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
Artikel ini dibaca sebanyak 9.909 kali
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-auto rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
SAWERIA
Memuat komentar...