logo laravel

Laravel 7 Backend API and VueJS Simple CRUD

Tutorial kali ini akan membahas cara membuat CRUD sederhana dengan Laravel 7 sebagai backend API dan VueJS sebagai frontendnya. Pertama kali kita harus menginstall laravel 7 terlebih dahulu :

Selanjutnya kita akan membuat model, seeder, dan factory untuk Post, karena kita akan membuat crud sederhana yang berisi satu tabel Post dengan title dan content Read more about Laravel 7 Backend API and VueJS Simple CRUD[…]

logo laravel

Laravel 7 + Vue – (2) Vue Router

Sebelum melangkah ke Vue, kita akan menambahkan menu dan menghilangkan HTML element yang tidak perlu di dalam master.blade.php sehingga menjadi seperti ini :

Selanjutnya install vue-router

Buka resource/js/app.js dan tambahkan :

Kemudian buat component Dashboard.vue dan Profile.vue di dalam folder components.

Modifikasi master.blade.php untuk menambahkan router-view dan router-link

Pada Read more about Laravel 7 + Vue – (2) Vue Router[…]

logo laravel

Laravel 7 + Vue – (1) Install AdminLTE3 dan Bootstrap 4

Tutorial kali ini kita akan membuat aplikasi Laravel 7 dengan Vue. Di step yang pertama, kita akan melakukan instalasi Laravel, AdminLTE dan Bootstrap 4 melalui npm. Install Laravel :

Setelah laravel terinstal, install aplikasi penunjang yang berada di dalam package.json dengan perintah

Install Admin LTE yang terbaru :

Selanjutnya, kita akan mengaktifkan Read more about Laravel 7 + Vue – (1) Install AdminLTE3 dan Bootstrap 4[…]