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